[Resolved] Mobile Menu Layout and display

Home Forums Support Mobile Menu Layout and display

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #981923
    Paolo Fauci

    Hi, David,
    as I asked you in the previous ticket I have a layout and visualization problem with the Mobile Menu

    In the 2 sites, I am using GeneratePress with the Liberte – Flint Skin theme.

    Last night I spent 3 hours figuring out why I now see the mobile menu this way, ie the “Menu Label” is placed under the 3 dashes.

    See Mobile Menu 1 : https://ibb.co/zFxpGxt

    I saw that the Layout height is 120px and I didn’t understand how I can modify it but above all how it has changed!

    I tried everything, everything, I tried to change the image with a height of 60px, to change the size of the characters to change height (Menu Item Height) but the “Menu Label” is always down there … there is nothing I can do remains in that way.

    While in another site always with the same settings (GeneratePress with the Liberte theme – Flint Skin)

    I see it in the correct way with the “Menu Label” next to the 3 dashes. This is the visualization I like.

    See Mobile Menu 2: https://ibb.co/9hM4b85

    In this case height is 60 px and you can see the logo, dashes and “Menu Label”

    What I realized is being managed by class = “inside-navigation grid-container grid-parent” but I don’t know how to change it.

    How do I set “Menu Label” to the side of the 3 dashes?

    I wait for your instructions
    Thank you
    Paolo

    #981949
    David
    Staff
    Customer Support

    Hi there,

    can you provide a link to the site where the menu label is ‘broken’?

    You can edit your original topic and use the Site URL field to share the link privately.

    #981983
    Paolo Fauci

    Ok David link sent

    #981991
    David
    Staff
    Customer Support

    I am getting a 403 forbidden error on that link?

    #981996
    Paolo Fauci

    Hi David I think it’s due to the fact that I was installing a Plugin on another site because I also get the same error.

    Now I see the site and from the mobile there is the error of the mobile menu.

    https://ibb.co/8Pvbydk

    Some menu links lead to page 404 to see if it works.

    Let me know
    Thank you
    Paolo

    #982257
    Leo
    Staff
    Customer Support

    This CSS is causing the alignment issue for the mobile toggle and label:
    https://www.screencast.com/t/3JbpVjwX

    It should go back to normal if you remove it:
    https://www.screencast.com/t/Ofry3unIB

    #982260
    Paolo Fauci

    Thanks Leo

    But where do I find that file?
    How can I delete it?

    Paolo

    #982269
    Leo
    Staff
    Customer Support

    I can’t tell where the code is coming from as you have some caching plugin activated.

    Have you checked your custom CSS?

    If it’s not in there then it might be coming from a plugin.

    #982277
    Paolo Fauci

    Thanks Leo

    the css button span Siteground…, I think it is that of the plugin SG Siteground
    This is the plugin that by default installs SiteGround.com on wordpress

    Do you think it’s sufficient to delete the plugin and then reinstall?
    Or should I report to siteground support?
    Thanks

    #982285
    Leo
    Staff
    Customer Support

    I’m not sure what the plugin supposed to provide functionaility-wise.

    Is it necessary?

    If so then might be good to check with their support to see if that CSS can be removed.

    #982305
    Paolo Fauci

    Then Leo in the Plugin there are these functions

    GZIP compression
    Browsing, improving your site’s network loading times.

    Cache browser
    Adds rules for storing your visitors.

    Minify the HTML output

    Removed unnecessary characters from your HTML output saving data and improving your site speed.
    Minify JavaScript files

    Minify your JavaScript files in order to reduce their size and reduce the number of requests to the server.
    Asynchronously loads JavaScript files that block rendering

    Add async parameter to the JavaScript files loaded in the header section.
    Minify CSS files

    Minify your CSS files in order to reduce their size and reduce the number of requests to the server.
    Merge the CSS files

    Combine multiple CSS files into one lower number of your site generates.
    Remove search strings from static resources

    Removes search strings from static resources by improving the caching of these resources.
    Disable Emoji

    Enable WordPress from automatically detecting and generating emoji on your pages

    Leo, I disabled all the functions to see if the problem went away but it is still there.

    When you look for the siteground button span you can’t find it anymore but the menu is always that way.

    So what do you advise me to do?

    Contact Siteground support or can we delete this CSS?

    Thank you
    Paolo

    #982310
    Leo
    Staff
    Customer Support

    Disabling the SiteGround plugin allows me to the source of the code.

    The problematic CSS is coming from OptimizePress.

    #982355
    Paolo Fauci

    I would never have understood this!
    My knowledge in this field is limited.

    OptimizePress I’m using it because it allows me to use OptimizeMember.
    I have no intention of creating pages with OptimizePress but it is necessary to manage the Membership.

    Ok I confirm, I deactivated and the menu returns to normal
    Then reactivate OptimizePress and the menu breaks

    Now how can we solve this?

    Let me know what we can do

    Thank you
    Paolo

    #982380
    Leo
    Staff
    Customer Support

    Have you tried checking with their support if that CSS is required?

    If not can you remove it within the plugin?

    #982397
    Paolo Fauci

    No at this time I have not contacted OptimizePress support. I must do it?

    I am currently working on membership and I have no problems except the mobile menu 🙂

    As I said I am not going to use OptimizePress2 because in a few months the new version will be released. They will also update OptimizeMember by the end of the year.

    I hope this css does not affect membership, otherwise I will ask them.

    If you tell me what to take away, I can try.

    Thank you
    Paolo

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.