-
AuthorPosts
-
November 28, 2014 at 8:15 pm #359852
Hi All,
Apologies for the long winded message but there are a few tweaks that’s needed to my site after upgrading from 2.9.2 to 3.0.4 and WP 4.0.1 My live site can be seen here: http://www.marcgodfreeweddings.co.uk and my dev site here: http://www.dev.marcgodfreeweddings.co.uk
Home page:
– My logo and menu on my live site does not have a line separator between them yet my dev site does. How can this be removed? (please note my custom css below)Pages:
– The page title (same level as the breadcrumb) is forced left on my dev site. How can this be aligned with the page content as seen on my live site?With Mobile devices (iPad air) my menu is wrapping in landscape view on my dev site. I have previously included the following css code which worked on my live site but not in dev. Please can you let me know what I need to modify to resolve this?:
/* Responsive menu placement in Portrait mode */ @media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { height: 65px !important; top: 5px; } } @media only screen and (max-width: 990px) { .title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; } #top .title_container .container { min-height: 60px; }}
Here is a list of the full custom ccs code that I am using:
/*Border removal for the main menu*/ .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a { border: none; } #header_main { border-bottom-style: none; } /*Border removal for the main menu - end*/ /*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/ #header_main .container, .main_menu ul:first-child > li a{ height:80px; line-height: 150px; } /*Font sizes for H1-6 headings*/ .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; letter-spacing: 1px; } h1 {font-size: 25px}; h2 {font-size: 18px;line-height: 1.1em;margin-bottom: 10px;} h2 {font-size: 18px;line-height: 1.1em;margin-bottom: 10px;} h3 {font-size: 15px}; h4 {font-size: 12px}; h5 {font-size: 12px}; h6 {font-size: 10px}; #top .main_menu .menu li ul a { font-size: 18px; } .phone-info span{ font-size: 1.30em; } /*End of font sizing for H1-6 headings & Submenu resize*/ /* White space removal after slider and headlines */ .av_textblock_section { margin-top: -25px; } /* White space removal after slider and headlines - END*/ /*Testimonial white space reducer*/ .avia-testimonial { padding: 10 20px; } .avia-testimonial-wrapper { margin: 0 0 30px 0; } /*Testimonial white space reducer-END*/ /*White space adjustments*/ .avia-section-large .content, .avia-section-large .sidebar { padding-top: 0px; padding-bottom: 0px; } body .column-top-margin { margin-top: 0!important; } body.home .column-top-margin { margin-top: -0; } /*White space removel - end*/ /*Center alignment for footer copyright*/ #socket .copyright { width: 100%; text-align: center; } #socket .sub_menu_socket { margin-top: -20px; } /*Center alignment for footer copyright - end*/ /*Main menu font size*/ .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 14px; } /*Main menu font size - end*/ /*Page title font size & Breadcrumb-Title box height*/ .title_container .main-title { font-size: 20px; font-weight: 400; } #top .title_container .container { padding: 0px 0; min-height: 36px; } #top .alternate_color.title_container .main-title a { color: #e46ba8; } /*Page title font size & Breadcrumb-Title box height - end*/ /*Line seperator spacing*/ .hr { padding-top: 5px!important; padding-bottom: 5px!important; } /*Line seperator spacing - end*/ /*Footer box height*/ #footer, #socket .container { padding: 0; } #footer .widget { margin: 0; } /*Footer box height - end*/ .phone-info span{ font-size: 1.30em; } /* Phone number resizing for mobile phones */ @media only screen and (max-width: 479px) { .av_phone_active_right .phone-info { width: 100% !important; text-align: center !important; font-size: 10px !important; } } /* Breadcrumb removal for mobile phones */ @media only screen and (max-width: 767px) { div.breadcrumb.breadcrumbs.avia-breadcrumbs { display: none; } } /* Responsive menu placement in Portrait mode */ @media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { height: 65px !important; top: 5px; } } @media only screen and (max-width: 990px) { .title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; } #top .title_container .container { min-height: 60px; }} /*Remove the option to have replies on posts*/ div.comment-entry.post-entry { display: none; } /*Remove the option to have replies on posts - END*/ .avia-content-slider .slide-meta div { display: none !important; } /*Remove items under each post*/ .post .comment-container, .post .text-sep-comment{ display: none; } /*Remove items under each post - END*/ span.blog-categories, .text-sep-cat { display: none !important; } .single-post .breadcrumb-trail span:nth-child(5), .single-post .breadcrumb-trail span:nth-child(6) { display: none; } /*GRAVITY FORMS TEST*/ .gform_wrapper .gfield_label { color: #black; font-family: Questrial, Verdana, Geneva, sans-serif; font-size: 16px; } /*GRAVITY FORMS TEST-END*/ /*TEST*/ add_action('init','avia_remove_yoast_filter'); function avia_remove_yoast_filter() { remove_filter('wpseo_pre_analysis_post_content','avia_wpseo_pre_analysis_post_content_fix', 10, 1); remove_filter('wpseo_video_index_content','avia_wpseo_video_content_fix', 10, 2); } /*TEST-END*/
Thanks in advance
Marc- This topic was modified 9 years, 11 months ago by MarcG5.
November 28, 2014 at 11:18 pm #359947Hi MarcG5!
1. Add this to your custom CSS.
#header_main_alternate { border: 0px !important; }
2. It’s because your removing the padding in your custom CSS.
#top .title_container .container { min-height: 36px; padding: 0; }
3. I’m not sure what you mean about the menu wrapping. Take a screenshot and highlight what is going on so we can get a better idea.
Cheers!
ElliottNovember 29, 2014 at 2:01 pm #360071Thanks Elliott,
1&2 is is now resolved – thank you!
For 3 here is a screen grab for you:
http://dev.marcgodfreeweddings.co.uk/IMG_0006.JPG
As you can see both Client Area and the search icon are being dropped to a second line. On my live site these are all on the same level which is ideally where I want for my dev site. Apointer in the right direction would be greatly apreciated.Many Thanks
Marc- This reply was modified 9 years, 11 months ago by MarcG5.
November 30, 2014 at 4:56 am #360209Hi Marc!
Try adding this:
@media only screen and (max-width: 1139px) { .av-main-nav > li > a { padding: 0 10px; } #header_main_alternate .container { padding: 0 20px; } }
Cheers!
JosueDecember 1, 2014 at 3:23 pm #360783Thanks Josue,
I assume that the above code replaces and not complements my existing code of:
@media only screen and (max-width: 990px) { .title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; } #top .title_container .container { min-height: 60px; }}
Thanks
MarcDecember 2, 2014 at 4:52 am #361277Hi!
I think Josue’s code and the one you have posted are totally different, so you can have them both.
Cheers!
AndyMay 8, 2015 at 2:41 pm #441520Hi Guys,
Sorry to dig this one up again. I’ve just updated to the latest version of Enfold and have now I’m experiencing the same menu item issue (as above) on iPads in landscape view.
When viewed on an iPad Air the ‘Search’ option on my menu drops below the other menu items which in turn covers up the breadcrumb of other pages. Here is a previous screen grab of the same problem http://dev.marcgodfreeweddings.co.uk/IMG_0006.JPG
The code above worked from Josue on the previous version of Enfold so I guess a little tweak is needed but I’m unsure what to change.
Can you also let me know what code I need to include to remove the 2 verticle lines either side of the search icon?
Thank you!
MarcMay 8, 2015 at 2:42 pm #441523Hi Guys,
Sorry to dig this one up again. I’ve just updated to the latest version of Enfold 3.1.5 and have now I’m experiencing the same menu item issue (as above) on iPads in landscape view.
When viewed on an iPad Air the ‘Search’ option on my menu drops below the other menu items which in turn covers up the breadcrumb of other pages. Here is a previous screen grab of the same problem http://dev.marcgodfreeweddings.co.uk/IMG_0006.JPG
The code above worked from Josue on the previous version of Enfold so I guess a little tweak is needed but I’m unsure what to change.
Can you also let me know what code I need to include to remove the 2 verticle lines either side of the search icon?
Thank you!
MarcMay 8, 2015 at 2:49 pm #441526Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 1150px) { #top .av_seperator_big_border#header .av-main-nav > li > a { padding: 0 1px; } #header_main_alternate .container { max-width: 100%; width: 100%; margin: 0; padding: 0; }}
Best regards,
YigitMay 8, 2015 at 3:07 pm #441540Great, Thanks Yigit!
The search option is now on the same level. Any thoughts on how to remove the 2 verticle lines either side of the search icon?
Thanks again
MarcMay 8, 2015 at 3:18 pm #441546Hey!
Please add following code to Quick CSS as well
.html_bottom_nav_header.html_logo_center #top .av_seperator_big_border #menu-item-search>a { border: none!important; }
Best regards,
YigitMay 8, 2015 at 3:34 pm #441558Perfect – Thanks Yigit!
Have a good weekend
MarcMay 8, 2015 at 3:39 pm #441566 -
AuthorPosts
- The topic ‘Modification help needed after upgrading from 2.9.2 to 3.0.1’ is closed to new replies.