Mobile Theme Customization

vlogazul · Member · Aug 15, 2015 at 6:28 pm
Copy link

Add topic to favorites
Hello, I am using the expound theme and i would like to know if there’s a solution for the following request.

Since I been using plenty of CSS snippets to make the website look better, I noticed that some of that CSS coding translates into the mobile theme. If you happen to check the website on a mobile device you will see that the follow button and the social media icons that are on the footer of the page kinda interfere with the copyright text on the mobile device. Is there a way to fix that? basically for the mobile theme not to have many of those CSS changes?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 18, 2015 at 2:16 am
Copy link
Hi, my suggestion would be to move all your widget relocation rules into a media query set at min-width: 800px and then below that point the relocated widgets would move back into the sidebar and align with the other widgets.

Alternately, you could create another couple of media queries to try and adjust the location of them for smaller screens, but this can end up being a never ending battle. If you decide to go this way, this would be a starting point.
```
@media screen and (max-width: 800px) {
	.site-info {
		padding-top: 50px;
	}
	#follow_button_widget-3 {
		bottom: 130px;
	}
	#wpcom_social_media_icons_widget-3 {
		bottom: 116px;
	}
}
```
vlogazul · Member · Aug 18, 2015 at 3:32 am
Copy link
Thanks that’s exactly what i was looking to fix that.

Is there a snippet to add a text below the blue link button in the featured post section but for that text to be there at all times regardless of me updating new featured posts?
thesacredpath · Member · Aug 18, 2015 at 8:00 pm
Copy link
Great!

Due to the way the button is done in the CSS and HTML, we can add some text after the button text itself, but it will be within the blue area of the button. See what you think of this.
```
.sticky .entry-summary .button-primary:after {
    content: "This is some text";
    display: block;
}
.sticky .entry-summary .button-primary {
    text-align: center;
}
```
vlogazul · Member · Aug 19, 2015 at 4:02 am
Copy link
Perfect, thank you very much.

If you look at the footer of my page, there’s gonna be a follow blog button to the left and social media icons to the right.
Once i put a title to those two widgets, the title seems to be behind the widgets. Is there a snippet to make those two widgets at the footer have the same title padding as the widgets that are on the widget area?
thesacredpath · Member · Aug 19, 2015 at 10:30 pm
Copy link
If you can add the titles, I can see what I can do about the spacing and such.
vlogazul · Member · Aug 19, 2015 at 11:20 pm
Copy link
I already added the title text to the social icons on the right section of footer. The follow button doesn’t allow me to add a title text.
vlogazul · Member · Aug 20, 2015 at 7:05 am
Copy link
I was able to figure it out thanks.
thesacredpath · Member · Aug 20, 2015 at 8:25 pm
Copy link
You are welcome.

No items found.