Seceral questions about responsive

Hi,

All my questions are related to the responsive part of my website.  

- The hamburger menu shows a vcery dark blue color and I would like to change that on responsive menu. Please tell me how and where. (It would be very convenient if there is a section for that in customizer). 
http://prntscr.com/kewgqp

- The text and border on my home page do show well. I want it 100% on mobile and not 50%. Border is very small now and the text is not aligned well as it comes way over the lines. I want it inside the lines. 

- the picture should be aligned to left, no text on the side

- the header is set up right but I want it focused on the center of possible. How can I do that? It is focused on a part of the side. 

And how can I change the color of the lines from the hamburgermenu?

Comments


  • For the only background color of the menu on mobile view, use the below CSS to paste in your WordPress Additional CSS box:

    /*mobile menu links BG color*/
    @media (max-width: 990px) and (min-width: 100px){
    .navbar .navbar-nav > li > a {
    background-color: #306a6b !important
    }}
    /*mobile menu links BG color*/

    Let me know did it work!

    Thanks
  • Thank you, yes, that works!
  • For screenshot: https://prnt.sc/kewhbt

    Please remove your image from content and again insert an image via "Add Media" button, and set image alignment as like in the screenshot: http://prntscr.com/kf6lvl
  • I did all that but on the desktop version I get this: http://prntscr.com/kf6snp
    A big white space on the right. 
  • - the picture should be aligned to left, no text on the side

    It's seems the same as you stated above.
  • cms: http://prntscr.com/kf6wx3
    front: http://prntscr.com/kf6x7u

    Let me try to explain. I want it on the desktop as it shows in the cms, with text on the right. 
    On Mobile I want the text under the picture. 
    I hope you understand what I mean. 
    I followed your steps and on mobile it looks fine now, but on desktop it shows with white space on the right. 
  • Please try this css to paste in WordPress Additional CSS box:

    /*post content image*/
    .wp-image-252{
    float:left;
    }
    @media only screen and (max-width: 480px){
    .wp-image-252{
    width: 100% ;
    float: none ;
    }}
    /*post content image*/

    Let me know did it work!
  • That works like a gem Imraz!

  • For remaining two of your queries, please create a separate new ticket for each. Multiple queries create complexity for us to resolve the issue.

    You can rate us with your kind review HERE

    Thanks for contacting us :)
This discussion has been closed.