Home Forums Porto Template Old version & help

This topic contains 4 replies, has 2 voices, and was last updated by  Support2 3 days, 15 hours ago. This post has been viewed 78 times

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10027987

    leje88
    Participant

    Hello Porto Support,
    I have a small request from you. Can you send me (Version 5.7.2) of the Porto HTML Theme with all necessary files. (I guess this is the final version with Bootstrap 3.
    And another small think I am begging for: can you help me create similar sub menu to the one, that I am attaching with link (of course that matches your template).
    I will pay for it, if necessary.

    Link: https://imgur.com/aRKJyQF

    Thanks in advance!
    Best, regards


    #10027988

    leje88
    Participant
    This reply has been marked as private.
    #10027991

    Support2
    Keymaster
    This reply has been marked as private.
    #10027997

    leje88
    Participant
    This reply has been marked as private.
    #10028008

    Support2
    Keymaster

    Hello,

    Regarding the version with bootstrap 4, we consider that also is a stable version. Also the most recent version has a lot of more features included.

    Regarding the “bounce” bug in some mobile menus, thanks for relating this. We will work in a fix for that on the next version of Porto.

    Regarding the style for the secondary navbar as per your requirements, please follow the instructions below:

    1) HTML:

    <aside class="nav-secondary custom-nav" id="navSecondary" data-plugin-sticky data-plugin-options="{'minWidth': 991, 'padding': {'top': 68}}">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-9">
    				<ul class="nav nav-pills">
    					<li><a href="#">All</a></li>
    					<li><a href="#">eCommerce development</a></li>
                        <li><a href="#">Web site development</a></li>
                        <li><a href="#">Online marketing</a></li>
                        <li><a href="#">SEO</a></li>
                        <li><a href="#">Logo design</a></li>
                        <li><a href="#">Banners</a></li>
                        <li><a href="#">Trainigs</a></li>
    				</ul>
    			</div>
    		</div>
    	</div>
    </aside>

    2) Add in (css/custom.css):

    @media(max-width: 992px) {
    	.custom-nav ul {
    		flex-direction: column !important;
    	}
    
    	.custom-nav ul > li {
    		border: none !important;
    	}
    }
    
    .custom-nav {
    	padding: 0 !important;
    	background-color: #333333;
    	border-top: 5px solid #666666;
    }
    
    .custom-nav .row,
    .custom-nav ul {
    	display: flex;
    	justify-content: center;
    }
    
    .custom-nav ul > li {
    	margin: 0 !important;
    	border-radius: 0;
    	border-right: 1px solid #666666;
    }
    
    .custom-nav ul > li:first-child {
    	border-left: 1px solid #666666;
    }
    
    .custom-nav ul > li:hover {
    	background-color: #FFF !important;
    }
    
    .custom-nav ul > li > a {
    	text-transform: none !important;
    	color: #FFF;
    	padding: 13px 15px !important;
    }
    
    .custom-nav ul > li:hover:after {
    	content: "";
    	position: absolute;
    	width: 100.5%;
    	height: 5.5px;
    	top: -5px;
    	left: 0px;
    	background-color: #FF512F;
    }
    
    .custom-nav ul > li:hover > a {
    	background-color: transparent !important;
    	color: #FF512F !important;
    	border-radius: 0;
    }

    * Note that the code above on small and medium devices breaks the items of secondary navbar in new lines. Unfortunately it’s hard and requires too much time for turn the navbar into a dropdown, so this feature is out of wich our support can offer.

    Hope it helps.

    Kind Regards,

    Rodrigo.


Viewing 5 posts - 1 through 5 (of 5 total)