[Support request] Just bought the premium.. a few questions

[Kenny]

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.

[Leo]

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.

[Jamal]

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;
    }
}

[Leo]

Thanks Jamal! Always appreciate it 🙂

[Kenny]

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 🙂

[Leo]

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.

[Kenny]

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..

[Leo]

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;
    }
}

[Author]

Posts