Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #917606

    I asked this before and got a perfect answer, but I have changed the elements and now the solution given no longer works.

    I had a textbox at the top of my page that I was trying to set the height of at 45px and not have any padding.
    Victoria provided this code which worked great:
    .page-id-647 .main_color .content {
    padding:20px;
    }

    .page-id-647 .main_color.container_wrap_first.container_wrap .content {
    padding: 0;
    height: 45px;
    }
    HOWEVER…I realized that for mobile display, I needed the content to be inside a colorbox and 2 columns inside that with the text boxes inside.
    It no longer works and I am hoping you fine folks can help me.

    Also, is there some sort of guide to identify these elements like .main_color, etc. that I can learn from so as to not have to bother you all as much? :) Thank you.

    #917773

    Hey Verdaccio,

    Could you please give us a link to your website, we need more context to be able to help you.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    #917778

    Login creds below.

    I just want the phone number and tag line to be in a 45px strip across the top of the screen with no margin between it and the slider below. I want that strip to be responsive. Many thanks! :)

    • This reply was modified 6 years, 9 months ago by Verdaccio.
    #917810

    Hi Verdaccio,

    I replied to you in another thread today, please check that solution first and let us try to communicate in one thread, to avoid confusion.
    Oh, and here is the code for tablet screen size:

    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .responsive #top #top_bar_phone {
        height: 80px;
        min-height: 80px;
    	}
    }
    
    

    Best regards,
    Victoria

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