-
AuthorPosts
-
July 30, 2017 at 1:56 pm #831811
Hi,
http://www.hotelladdict.seI want to do the following changes to the header
1. Move the search icon so it is on the same line as the Social icons
Make the search icon bigger2. Move up the grey line and change it to dots.
3. Delete the Home button
What codes shall I add?
Thanks
CharlotteAugust 1, 2017 at 9:17 am #832697Hey Charlotte,
Please, could you check the image broken in your question?
Best regards,
John TorvikAugust 1, 2017 at 9:49 am #832724Aha… ok, thanks. Here it comes again.
August 2, 2017 at 11:53 am #833366Hi Charlotte,
Can you please create a temporary admin login and post it here privately? :)
Best regards,
YigitAugust 2, 2017 at 11:56 am #833367I have added the login now :)
August 2, 2017 at 12:47 pm #833399Hi 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-moreBest regards,
YigitAugust 2, 2017 at 9:17 pm #833627Hey,
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
CharlotteAugust 3, 2017 at 2:36 pm #833904Hi 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,
YigitAugust 3, 2017 at 2:45 pm #833907Great, thanks :)
and if I want the search icon and the social media icons to be bigger?
August 4, 2017 at 1:44 pm #834334Hi,
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,
YigitAugust 4, 2017 at 3:13 pm #834347Thanks :)
August 4, 2017 at 3:23 pm #834351 -
AuthorPosts
- The topic ‘Header changes’ is closed to new replies.