Combination header and 2 sidebars

Home Forums Porto – Responsive HTML5 Template Combination header and 2 sidebars

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #10018179
    nogir
    Participant

    Bonjour,
    I am a newbie, please how can I have on the same page, a center logo header and a page with two sidebars ?
    Merci


    #10018185
    Support2
    Keymaster

    Hello,

    thanks for you purchase.

    My sugestion to you is init with the file portfolio-sidebar-left-and-right.html and replace the element <header></header> with the element header from the file index-header-center.html.

    I did it for you and you can copy all code from the link below:
    http://pastebin.com/raw/n3h7SGTd

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10018187
    nogir
    Participant

    Hello,
    that is ok !! I just would like that the Porto logo sticks with the menu when scrolling?
    Does Porto admin can manage this kind of choice ?
    Merci


    #10018189
    Support2
    Keymaster

    Hello,

    1) To Sticky Porto Logo change the tag <header></header> to this below:

    <header id="header" data-plugin-options='{"stickyEnabled": true, "stickyEnableOnBoxed": true, "stickyEnableOnMobile": true, "stickyStartAt": 54, "stickySetTop": "-54px"}'>

    2) Porto Admin can not manage this type of choice. You need to do the changes manually as i did in the previous post.

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10018190
    nogir
    Participant

    Hello,
    I did change header manually, it works of course !
    Same for logo sticking, wonderfull,
    merci Rodrigo


    #10018195
    nogir
    Participant

    HI,
    me again !
    Sorry but I do not find how put a border-radius on image into sidebar or else ?
    Merci


    #10018199
    Support2
    Keymaster

    Hello,

    1) We need to create a class to do this. In css/custom.css add this code below:

    .custom-border-radius {
        border-radius: 10px !important;
    }

    Note that you can change the value of border-radius to one of your preference.

    2) Put in any element what you want the class that we created. Like this code below:

    <img src="img/projects/project-short-2.jpg" class="img-responsive custom-border-radius" alt="">

    Please try that and let me know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10018204
    nogir
    Participant

    Nice,
    thanks


    #10018213
    nogir
    Participant

    Hi Rodrigo,
    using contact form, verification always failed ?
    Merci


    #10018215
    Support
    Keymaster

    Hello @nogir, could you please open a new ticket and send us the URL of your site so we can check that problem?

    Kind Regards,

    Jonas


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

This topic is marked as "RESOLVED" and can not rceive new replies.