Forum Replies Created
-
AuthorPosts
-
November 25, 2015 at 10:54 pm in reply to: Button text continues outside of button on small-width screens #542749
Elliot,
That result of that code worked great on my phone. However, on my desktop, the text still extends past the button because it is not centering. If the text would just move over, like it does on the phone, it would work.
November 25, 2015 at 6:48 pm in reply to: Button text continues outside of button on small-width screens #542637Thanks for taking a look. Link in private content.
November 23, 2015 at 9:08 pm in reply to: With a side menu, change screen width at which mobile menu appears #541163That code worked great! Thank you.
Here’s a link to another website with a similar problem (in private content area). In the section that says “Meet the Owners”, if I have my desktop browser as narrow as it goes, the entire head of the center man still displays. However, on my phone, the top of the man’s head (eyes and up) is cut off.
November 20, 2015 at 5:38 pm in reply to: With a side menu, change screen width at which mobile menu appears #539802Link posted in private content. What I am trying to solve is that at a certain screen size, the text in the side bar menu wraps to a second line. I’d like either to not have the text wrap, or for the site to switch to the mobile menu at that break point. Thanks.
See private content
The issue occured on both firefox 42.0 and chrome 46.0.2490.86 m, as well as in my android device. However, it was not occurring on the home page, which had its header set to “transparent.” It was occurring on other pages where the header was set to “transparent and glassy”. I had been using some code to change the color of the “glassiness”: `
#top .av_header_glassy.av_header_transparency #header_main {background-color: rgba(0,0,0,0.4) !important; } `To solve the problem, I made this modification: `
@media only screen and (min-width: 767px) {
#top .av_header_glassy.av_header_transparency #header_main {background-color: rgba(0,0,0,0.4) !important; } }
`That seems to have solved the problem. Thanks for looking into this. You can close the ticket.
Yigit,
Here are some screenshots from a desktop monitor. The gray in the first screenshot is similar to what is on my phone.
Gray Header when screen sized narrower. http://prntscr.com/93v2ky
Transparent header when screen wider. http://prntscr.com/93v2ss
White header when screen wide enough and scrolled down a little. http://prntscr.com/93v467Yigit, thanks for the quick reply. That CSS works in making the header transparent. However, in this case, I don’t want the header transparent because the logo takes up much of the header space on the phone. I would like to be able to control the color of the header–in this case, to make the header white.
-
AuthorPosts