[Support request] Restyling generatepress home page

Home Forums Support [Support request] Restyling generatepress home page

Home Forums Support Restyling generatepress home page

  • This topic has 3 replies, 2 voices, and was last updated 2 years ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #901258

    i built a site with generate press premium.
    I’m a newbie and to build a home page with block I use the builder elementor.
    After two years I’m not satisfied. The mobile version isn’t fit perfectly and I want change or delete slider.
    I note that generate press is the function section and now can import template.
    The question is….
    to work in a beta version could i use the site creating a new page that will be the new homepage
    is better duplicate the site and work on a new page? i can import the result in the site?

    Customer Support

    Hi there,

    do you mean import one of our Site Library ?



    Hi, I create a clone (www.torinorespira.it/devTest)

    I work on a new homepage here.

    This is are an example of what I can build http://www.cheariatira.it/

    I have some problem:

    – logo in the mobile version (i want it centered above all the menu and social icons or in line at the right on the menù container). i must resize the logo?
    – (how can have the menu mobile logo with tree lines in the desktop mode also as secondary menu?)
    – menu underlined ( i see the tutorial https://generatepress.com/forums/topic/menu-items-underline/) but i want that the submenu is divided 100% by line

    I must change the color of the logo if I choose a green background ? or CSS can help me to evidence the logo

    – footer: i like the example but i want a section to put logo of sponsors


    Customer Support

    OK, so:

    1. The Top Bar Social Icons are being hidden on mobile because of this CSS you have in Customizer > additional CSS:

    @media (max-width: 768px) {
        .top-bar {
            display: none;

    2. You cannot ( easily ) move the logo above the top bar social icons as they are separate containers. Do you want the logo on the right and menu on the left for mobile? Let me know.

    3. To add borders below each menu item on the Mobile menu add this CSS:

    #generate-slideout-menu .slideout-menu li {
        border-bottom: 1px solid #154d2a;

    4. Logo color – yes you would need to change the image color – the color of a PNG or JPEG file cannot be changed with CSS

    5. The Logo section – it looks like you have added HTML to create the logo layout. If you want this to appear on all pages then you can use the Hook Element and select the before_footer hook:


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