Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #831811

    Hi,
    http://www.hotelladdict.se

    I want to do the following changes to the header
    Header

    1. Move the search icon so it is on the same line as the Social icons
    Make the search icon bigger

    2. Move up the grey line and change it to dots.

    3. Delete the Home button

    What codes shall I add?
    Thanks
    Charlotte

    #832697

    Hey Charlotte,

    Please, could you check the image broken in your question?

    Best regards,
    John Torvik

    #832724

    Aha… ok, thanks. Here it comes again.

    Header

    #833366

    Hi Charlotte,

    Can you please create a temporary admin login and post it here privately? :)

    Best regards,
    Yigit

    #833367

    I have added the login now :)

    #833399

    Hi Charlotte,

    I went to Appearance > Menus and create a new menu and chose it as main menu under Menu settings. However i noticed that you are currently using a very old version of the theme on this site.
    Can you please firstly update Enfold to the latest version 4.1.2 – kriesi.at/documentation/enfold/updating-your-theme-files/? We have made many improvements on menu and header. You can read more about it here – http://kriesi.at/archives/enfold-4-1-mobile-improvements-photography-demos-new-gallery-and-more

    Best regards,
    Yigit

    #833627

    Hey,

    1. I have updated the theme now so I just need help to move the search icon.

    2. http://kriesi.at/themes/enfold-minimal-photography/
    This photo gallery looks great. How can add the same layout for my images?

    Thanks
    Charlotte

    #833904

    Hi Charlotte

    I added following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main_alternate { display: none; }
    .html_header_top .av_bottom_nav_header .av-logo-container .main_menu {
        display: block;
    }
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 101px !important;
    }
    @media only screen and (min-width: 768px) {
    .avia-menu.av_menu_icon_beside {
    padding-right: 75px; 
    }}
    .avia-menu.av_menu_icon_beside {
    border: none; 
    }

    Please review your website :)

    Best regards,
    Yigit

    #833907

    Great, thanks :)

    and if I want the search icon and the social media icons to be bigger?

    #834334

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top #header .av-main-nav > li > a {
        font-size: 26px;
    }
    #top .social_bookmarks li a {
        font-size: 26px;
    }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
    Best regards,
    Yigit

    #834347

    Thanks :)

    #834351

    Hey!

    You are welcome Charlotte! Let us know if you have any other questions and enjoy your weekend :)

    Cheers!
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Header changes’ is closed to new replies.