Responsive Site

  • Resolved armon99

    (@armon99)


    11 years, 11 months ago

    Hi Guys!
    Am actually trying to have a go with responsive site within wordpress. I have just one little issue which i like to sort out. I hope i will be able to explain it to you.
    My site is https://averageteenageweight.com
    While I was working on the screen size and while bringing the screen to the break point for the Tablet size for the iphone/ipad i found i was left with a space on the right hand side. I like to get rid of this space and i don’t know how.
    Hope you could help!
    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter armon99

    (@armon99)

    Hi Guys!
    Me again, sorry for not making it clearer enough. The problem is at the menu, just on the right hand side of “walking Techniques”. Am talking about the green space when you bring the window to the break-point of a tablet size.I like to eliminate this so that the menu take the entire width.
    Hope you could help!
    Thanks again.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a place to add some Custom CSS other than the theme’s files?
    You need to add this;

    #access ul {
 min-width: 700px;
}

    Thread Starter armon99

    (@armon99)

    Absolutely perfect. It works. Thanks a lot!

    Thread Starter armon99

    (@armon99)

    Hi Andrew!
    Actually it was not perfect. What i found out, it was ok as for the tablet with the code you gave, but when i bring it down to mobile/cell phone break point the menu stop becoming responsive. I took that line of code out and the now the break point for cell phone is ok.
    So, how can to resolve this in such a way it will clear the extra space for the tablet and at the same time leaving the cell phone break point intact.
    Any idea?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive Site’ is closed to new replies.