Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #166443
    andre.g
    Participant

    Since update to WordPress 5.1 Food Menu does not show up on frontpage with full width (even in your demo). I´m shure that will be fixed soon. How can I realize full width of food menu on other sides when I implement menus with shortcodes?

    #166484
    Skandha
    Keymaster

    @andre-g: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .menu-content-wrapper {
          max-width:unset !important;
    }

    Let me know if this resolves the issue!
    Kind Regards,
    Skandha

    #166505
    andre.g
    Participant

    Hi Skandha,
    great, works on frontpage – thanks! Let me ask again, if it is possible to realize that on a single site or post with food menu shortcodes too.
    Thank you,
    Greats
    Andre

    #166619
    Skandha
    Keymaster

    @andre-g: Hello there,
    The above code should work for menus on all the single post/page even using the shortcodes.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #166829
    andre.g
    Participant

    Hi Skandha,
    on the frontpage it works but not on a single page. The site is not online and so I can´t show you.
    When I edit with firefox inspector the css class “site-content” like class=”site-content menu-content-wrapper” it shows wright. I´ve tried to install Plugin “Custom Class” to set the css “menu-content-wrapper” vor the body-class but it don´t work.
    May you have another solution for me.
    Thank you very much

    #166889
    Skandha
    Keymaster

    @andre-g: I will need to have a look at your site to fix the issue. Since your site is not live I will need your WP admin login credentials. I will shortly contact you by email.

    Kind Regards,
    Skandha

    #166987
    Skandha
    Keymaster

    @andre-g: Hello there,
    You seem to be using sidebar on single post/pages. If you want the menu on single pages to be full width you will need to remove the sidebar.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #166990
    andre.g
    Participant

    Hi Skandha,

    in Theme Option (Customizer) in Layout Options I have follwing settins:

    Site Layout: Fluid
    Default Layout: No Sidebar: Full Widht
    Homepae/Archive Layout: No Sidebar: Full Widht

    On the Page “Getränkekarte” I have on the rigth side following settings:

    Site-Attributes: Template (No Sidebar: Full Width)
    Catch Foodmanie Pro Options: Select Sidebar (Default Sidebar). Here I can´t choose “no sidebar”? What do I wrong?

    Thanks for your reply

    #167217
    Skandha
    Keymaster

    @andre-g: Hello Andre,
    Can you let me know on which page you want the menu to be full-width?

    Kind Regards,
    Skandha

    #167246
    andre.g
    Participant

    Hi Skandha,
    I want to have the full-width for example on the page http://www.vivamisi.com/getraenkekarte/
    Here I don´t have any widgets on the right site. When it look ok, I will try to have the full-width on all other food-menus and submenues too (menu-items “Speisekarte, Burgerkarte and Steakkarte). Here I have widgets on the right site and if it is possible to have the full-width here too I need to style the background white via css for the widgets. If it is not possible may I don´t use widgets and put the content of them among the full-width-food content but don´t know yet if it look good.
    I’m looking forward to your feedback.
    Thanks and greets,
    Andre

    #167252
    Skandha
    Keymaster

    @andre-g: Hello Andre,
    I have made all the pages that has Menus to No Sidebar: Fullwidth.
    Do you want the menus in single pages to extend to the edge of the screen?

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #167256
    andre.g
    Participant

    Hi Skandha,
    yes, this is exactly what I want. See screenshot here.
    I did the screenshot with firefox inspector like I told you in Reply #166829.

    As I told before, a dream would be, when it is also possible to have this on pages with a sidebar! I switched for menu item “Staekkarte” back to “Right Sidebar”. In this case I could style the background of the widgeds in custom.css. See screenshot here.

    Thank you for your answer.
    Greets,
    Andre

    #167334
    Skandha
    Keymaster

    @andre-g: To have the food menu pages full-width like your first screenshot
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .page-id-19 .singular-content-wrap, .page-id-523 .singular-content-wrap, .page-id-536 .singular-content-wrap, .page-id-528 .singular-content-wrap, .page-id-530 .singular-content-wrap, .page-id-532 .singular-content-wrap, .page-id-534 .singular-content-wrap, .page-id-536 .singular-content-wrap, .page-id-30 .singular-content-wrap, .page-id-1025 .singular-content-wrap, .page-id-548 .singular-content-wrap, .page-id-287 .singular-content-wrap, .page-id-676 .singular-content-wrap, .page-id-548 .singular-content-wrap, .page-id-550 .singular-content-wrap, .page-id-552 .singular-content-wrap, .page-id-560 .singular-content-wrap {
    	padding:0;
    }
    
    .page-id-19 .site-content .wrapper, .page-id-523 .site-content .wrapper, .page-id-536 .site-content .wrapper, .page-id-528 .site-content .wrapper, .page-id-530 .site-content .wrapper, .page-id-532 .site-content .wrapper, .page-id-534 .site-content .wrapper, .page-id-536 .site-content .wrapper, .page-id-30 .site-content .wrapper, .page-id-1025 .site-content .wrapper, .page-id-548 .site-content .wrapper, .page-id-287 .site-content .wrapper, .page-id-676 .site-content .wrapper, .page-id-548 .site-content .wrapper, .page-id-550 .site-content .wrapper, .page-id-552 .site-content .wrapper, .page-id-560 .site-content .wrapper {
    	padding-top:0;
    }

    To have the menu pages like your second screenshot you will need to create a child theme and customize your site. I suggest you to hire a customizer for this.

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #167357
    andre.g
    Participant

    Hi Skandha,
    thanks for your css, but that is not what I needed – but I worked it out.
    I´ve used a child theme already and edited the header.php like this:

    			if ( $enable_homepage_posts  and (is_page(287)) or (is_page(528)) or (is_page(530)) or (is_page(526)) or (is_page(532)) or (is_page(676)) or (is_page(19)) or (is_page(552)) or (is_page(548)) or (is_page(560)) or (is_page(550)) or (is_page(534)) or (is_page(523)) or (is_page(536)) or (is_page(30)) or (is_page(1025)) ): ?>
    			<div id="content" class="site-content menu-content-wrapper">
    				<div class="wrapper">
    				<?php else: ?>
    			<div id="content" class="site-content">
    				<div class="wrapper">		
    			<?php endif; ?>

    After that I´ve installed the plugin “Widget CSS Classes” to style white background for the widgets.

    Thanks anyway for your help.

    Greets,
    Andre

    #167400
    Skandha
    Keymaster

    @andre-g: Hello Andre, I hope I was able to help you out. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-foodmania/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘FoodMenu Frontpage Fullwidth’ is closed to new replies.