Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
How do i make the buttons appear correctly on a mobile device.
Sorry, can you define your expectations of the buttons displaying correctly?
Thread Starter
fypp
(@fypp)
sure, on my android device, the green buttons take over the top of the screen. Do you have a mobile device you can view it on to see what I mean?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I can see what you mean, but you haven’t expressed how you would expect the buttons to appear.
Thread Starter
fypp
(@fypp)
awww, gotcha! I would like them to appear under the logo and before the page navigational menu. Both aligned, one on top of the other? doesn’t matter which one on top… does that make sense? sorry this is all new to me:)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you have a place in the dashboard to hold your CSS modifications, other than modifying the theme’s files?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to add this CSS;
@media only screen and (max-device-width: 480px) {
a.maxbutton-1,
a.maxbutton-6 {
position: initial !important;
display: block;
margin: 0 auto;
width: 300px;
}
a.maxbutton-1 {
margin-top: 20px !important;
}
}
You may want to avoid using !important
on all of your styles. It’s unnecessary.
Thread Starter
fypp
(@fypp)
yes i do.. I have updated the theme quite a bit that way:)
Thread Starter
fypp
(@fypp)
ok I did what you said and entered the code, but on my phone it is still off. perhaps it is my settings on my mobile device. could you check on yours and tell me how it looks. thanks so much for your help! I have been pulling out my hair trying to figure this out.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
How are you adding the CSS, how is it within the <body>
section?
Thread Starter
fypp
(@fypp)
I thought I was doing it right by adding it to the css style sheet within the theme options. Now I am getting a parse error when I try to log in. the error is
Parse error: syntax error, unexpected ‘,’ in /home/content/97/10273797/html/wp-content/themes/colorway/functions/options-medialibrary-uploader.php on line 285
I have no clue but am going to contact godaddy and see if they know how to fix this:) I will let you know once it is fixed so we can proceed getting these buttons fixed. thanks for your help with this…
Thread Starter
fypp
(@fypp)
I fixed my little problem with the parse error. All is good now on to the buttons being responsive. Is the code suppose to be in the css stylesheet or somewhere else? thanks again for your help..
Thread Starter
fypp
(@fypp)
Hey Andrew, still having issues with this. I am placing the code in the css stylesheet. Please let me know what I am doing wrong. Thanks!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
There is some CSS within the <body>
element with !important
styles. That will override your stylesheet.
Why are there styles in the <body>
section?
Thread Starter
fypp
(@fypp)
I am completely confused… I placed the code under
dashboard>appearance>editcss>
Are you saying that i need to take out all of the !important coding in order for the code you gave me to work? sorry, very new to this!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I’d first focus on the method you’re using to add CSS.
Edit CSS, is that an option given by the Jetpack plugin?