Return to previous page

Responsive problems mobile - by Paycheck85

This topic has 4 replies, 2 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

  • Avatar: Paycheck85
    Paycheck85
    Participant
    March 8, 2017 at 10:27

    Hello,

    Somehow the banner blocks have different sizes on a mobile screen.
    https://gyazo.com/8621cc2de1f5e031a20a57fe4299333b
    They are both 225x225px
    How can i change this setting?

    thanks.

    #156454 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 9, 2017 at 09:42

    Hello,

    Try to change Column Responsive Options http://prntscr.com/ehr92q
    And add this code in Custom css for this page:

    @media only screen and (max-width: 480px){
.banner.hover-fade img {
    max-width: 225px !important;
}
.banner {
    text-align: center !important;
}
}

    Regards,
    Rose Tyler.

    #156505 Copied
    Avatar: Paycheck85
    Paycheck85
    Participant
    March 9, 2017 at 11:50

    Hi,

    Thank you very much, you solved that problem but suddenly another problem occurs that the menu bar is creating a white space under and above the menu. ALso it looks like it is ”floating”.

    https://gyazo.com/90fbd27172657e7b986dbb796471e708

    Thanks!

    #156541 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 9, 2017 at 13:51

    Hello,

    Thank you for the notice.
    Please, use this code in Custom css to change fixed header color:

    .fixed-header-area.fixed-already {
    background-color: rgb(33,206,166);
}
.fixed-header {
    background: transparent;
}

    Regards,
    Rose Tyler.

    #156568 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.