Archived topic
Just bought the premium.. a few questions
7 replies · Started by Kenny on June 13, 2017
I just bought the premier version. A few places i cant figure out, help is greatly appreciated.
How do i stop the footer widget to display so extended on mobile view? Right now its like this https://fimicimplement.com/wp-content/uploads/2017/06/Screenshot_20170614-012323.png , not displaying the footer at all is an option as well.
Hi there,
Welcome to GP :)
Not sure what you mean by "so extended"?
You can hide the footer widget on mobile by using this CSS:
@media (max-width: 768px) {
.footer-widgets {
display: none;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know.
Leo, if you allow me to jump in i think he means something like this
@media (max-width: 768px) {
.inside-footer-widgets>div{
margin-bottom: 5px;
}
}
Thanks Jamal! Always appreciate it :)
Thanks for the help. i was able to hide it using the codes but of course i rather the footer shows up. By "extended", i meant "stretched", as the 3x footer widgets is appearing vertically on mobile instead of horizontally (like on PC) and its in a excessively long proportion.
2. under custom copyrights, I entered " Copyright %copy% %current_year% FIMIC Implement. All Rights Reserved. " but its not appearing , am i missing something or deleted something by mistake?
3. https://fimicimplement.com/wp-content/uploads/2017/06/IMG_3158.jpg , how do i adjust the text in the highlighted area to appear smaller on mobile? They are appearing larger than needed on mobile as well. I tried to adjust the font size but it only affect desktop, not doing anything to mobile.
Thanks again and sorry about the newbie questions :)
1. Not sure if you have enough space to display the footer widgets side by side on mobile but you could try this CSS:
@media (max-width: 768px) {
.footer-widgets .grid-33 {
width: 33%;
float: left;
clear: none;
}
}
2. Hmm I just copy and paste the exact line in Customizer > Copyright and it's showing up for me. Can you provide a link to your site?
3. Can you link me to that page? Just went on here: https://fimicimplement.com/ but didn't see that section.
Hi Leo
1. i tried and it worked but you are right, there is not enough space to display footer widgets side by side. even after hiding it, there is still a big open area below the copyright on mobile view.
2. I found the issue and i had hide info on custom css coding :) Copyright is working now on both desktop and mobile :)
3. https://fimicimplement.com/products/ here it is but ratio is weird on mobile only..
1. Unfortunately that happens when there's not enough content to cover the length of the page.
2. Sounds good
3. Try something like this:
@media (max-width: 768px) {
h4.fl-callout-title {
font-size: 10px;
}
}