Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1226252
Responsive & Mobile Options
Closed

Comments

  • AdAssist started the conversation
    July 2, 2017 at 7:13am

    Hello Support,

    I wonder how it is possible to change some options for mobile (responsive) view.

    1. How can I change title background height for mobile? I don´t want the title picture to be shown as big as it is on desktop (for example on home on http://tablet-clean.de/ it is 500px (desktop), but on mobile it would be enough to have 300px background height)

    2. Why is the sandwich menu item not placed on top of the title on mobile (see screenshot attached)? And where can I change color of the sandwich menu item shown on mobile?

    3. Is it possible, to have Transparent Menu On Header on desktop, but on the same page not on mobile? 

    4. How can I change font-size for H1 - H6 for mobile fonts? Title fonts are very small on mobile, and for example H1 is smaller than H2...

    Thank you,

    Regards Daniel

  •  4,803
    Michael replied
    July 4, 2017 at 8:45am

    Hi,

    Please share admin access. We will try to inspect problem on your site.

  •   AdAssist replied privately
  •  4,803
    Michael replied
    July 5, 2017 at 7:11am

    1) You need change this setting: 

    2)You need to update this file: wp-content/themes/thegem/js/thegem-header.js

    3)We will try to do this with the help with CSS, but first, update the file.

    4) pls. use following css, for example:

    @media (max-width: 1000px){
h1, .title-h1 {
    font-size: 50px !important; 
}}

     

  •   AdAssist replied privately
  • AdAssist replied
    July 14, 2017 at 10:19am

    Sorry, forget about Question2. I forgot that on this page I did not use a customer logo. So Question 2 is solved. Thanks!

  •  4,803
    Michael replied
    July 17, 2017 at 6:47am

    1) Unfortunately, there is no such setting, but the larger the logo height, the higher the height of the header.

    3) 

    pls. use following css:

    .shrink-mobile {    background: transparent !important;
}

     

    3.1) You need update file wp-content/themes/thegem/js/thegem-header.js

    4)Font on mobile devices decreases in proportion to the width of the screen, but there may be errors in operation.