Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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 10 years ago by MarcG5.
    #359947

    Hi 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!
    Elliott

    #360071

    Thanks 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 10 years ago by MarcG5.
    #360209

    Hi 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!
    Josue

    #360783

    Thanks 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
    Marc

    #361277

    Hi!

    I think Josue’s code and the one you have posted are totally different, so you can have them both.

    Cheers!
    Andy

    #441520

    Hi 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!
    Marc

    #441523

    Hi 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!
    Marc

    #441526

    Hi!

    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,
    Yigit

    #441540

    Great, 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
    Marc

    #441546

    Hey!

    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,
    Yigit

    #441558

    Perfect – Thanks Yigit!

    Have a good weekend
    Marc

    #441566

    Hey!

    You are welcome! Thanks Marc, you too have a good weekend :)

    Best regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Modification help needed after upgrading from 2.9.2 to 3.0.1’ is closed to new replies.