Home Forums Themes Support Formota Not able to change the header layout

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #4550
    nitwayne
    Supported

    Hi.

    I am not able to change the header layout.
    I wanted to display all the menus on the top and not as a collapsible bar.

    I have attached my site header and I want it like the demo one of Formota.

    Please help

    Attachments:
    You must be logged in to view attached files.
    #4555

    Hi,
    Thanks for contacting us and choosing our product!
    In our theme Page Options will override Theme Options.
    This topic will help you understand it:

    Why Theme Options doesn’t apply changes?


    https://www.youtube.com/channel/UCnOxXtfrkgq92wgqJCBi55g/videos?view_as=subscriber
    Hope this help!

    ****
    Regards,
    HaruTheme

    #4658
    nitwayne
    Supported

    Hi,

    #4659
    nitwayne
    Supported
    This reply has been marked as private.
    #4661

    Hi,
    1. About social media color, that’s design of our theme.
    If you want to change color you can follow this video tutorial:

    In your case you need add custom CSS in Appearance -> Customize -> Additional CSS:

    .header-elements-item a.header-icon.ti-instagram, 
    .header-elements-item i.header-icon.ti-instagram {
    color: #000; // you can change to other color
    }
    .header-elements-item a.header-icon.ti-instagram:hover, 
    .header-elements-item i.header-icon.ti-instagram:hover {
    color: #eee; // you can change to other color
    }
    .header-elements-item a.header-icon.ti-facebook, 
    .header-elements-item i.header-icon.ti-facebook {
    color: #000; // you can change to other color
    }
    .header-elements-item a.header-icon.ti-facebook:hover, 
    .header-elements-item i.header-icon.ti-facebook:hover {
    color: #eee; // you can change to other color
    }
    .header-elements-item a.header-icon.ti-youtube, 
    .header-elements-item i.header-icon.ti-youtube {
    color: #000; // you can change to other color
    }
    .header-elements-item a.header-icon.ti-youtube:hover, 
    .header-elements-item i.header-icon.ti-youtube:hover {
    color: #eee; // you can change to other color
    }

    2. About sticky header now we use headroom.js
    https://wicky.nillia.ms/headroom.js/
    It’s similar behavior on iPhone. Now we can’t have quick tutorial to fix it because it need custom too much files. However we’ll notice and update in future.
    Hope this help!

    ****
    Regards,
    HaruTheme

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

You must be logged in to reply to this topic.