Different problems

[Jorge Martín]

Hello,

I have different problems in my agama blue pro theme.

1. In the mobile version, when scrolling down, the icon of the menu gets mixed with the slider title and it does not recognize.

2. Also in the mobile version, the social icons in the footer are too small. How could I make them bigger?

3. The javascript of my home page takes long time to execute in mobile version, and I am being penalized on SEO. Is any way to improve it without programation knowledge?

4. I would like to ask about the portfolio item in my premium theme. My question is: How can I change language in navigation filter, in order to put in Spanish the option “show all”?
On the other side, is it possible to expand the number of words and edit tipography and style in the description of the product?

Thank you.

[Zex]

Hello, Jorge Martin!

1. Can you attach some screenshot of the problem you have?

I have visited your website and didn’t find the problem you described.https://prnt.sc/of4he6
(If you want, I can give you a custom CSS code to change the color of your hamburger menu, so it will be more noticeable)

Also, I see, you are using the header V2 style with the Transparent Header enabled…
Have you tried to disable it?
https://prnt.sc/of4gx7

2. Insert the Following code into Customizing->General->Additional CSS:

@media only screen and (max-width: 992px) {
    footer .social-icons {
    font-size:26px!important;
    }
}

Change the font-size volue per your needs.

3. How you tested that?
Can you share the results you get?

4. To translate the “Show All” text ,insert the next code into Customizing->General->Extra.., Custom jQuery footer

jQuery("#portfolio-filter li.activeFilter a").html(jQuery("#portfolio-filter li.activeFilter a").html().replace("Show All", "Your Text"));
https://prnt.sc/of5pxq

Replace the “Your text” with the text you want.

As for the description…

Insert your text in the “Excerpt” text field.
https://prnt.sc/of4yey
If you don’t see it you need to enable it from the “Screen options” menu on top of your WordPress dashboard
https://prnt.sc/of4zlo

So your single portfolio Item should look like this:
https://prnt.sc/of4xvv

then use the next code to change the typography of the Portfolio description:(Insert the code into Customizing->General->Additiona CSS)

.portfolio-single-content p{
    font-family: Raleway, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: none;
    color: #000000;
}

Change the values per your needs.

Regards

[Jorge Martín]

Thank you very much.

1. Right now, I don’t have that problem. I think it is because I can’t see the logo in mobile version:
https://prnt.sc/of72n7

I have header V2 style with transparent header because I like it aesthetically.

2. Problem solved.

3. You can see it in the following attachments. They are from “page speed insights”, which is the Google’s url fast test.
https://prnt.sc/of74id
https://prnt.sc/of74qi

Thank you.

[Zex]

Hello,

1. To solve the problem with your logo, try to re-upload it again.

As for the Test you mentioned…

I have loaded your website just fine without delays.

There are 2 types of website loading speed improvements:

Server Related
WordPress Related

The server related improvements can be done with GZIP module enabled via your hosting control panel (in some cases you will need to contact hosting company to enable it for you). There are other server related methods which can speed up website loading but you will need to Google about it.

The WordPress related improvements can be done by disabling unnecessary plugins (too many plugins can slow down website loading drastically).

There are many plugins for CSS/jQuery compression, also “Cache” plugins can improve website loading speed.

Anyway, we are soon releasing Agama Pro v1.5.0 which is speed optimized and it already shows us good results in speed tests so once it will be released you will notice website speed loading increase.

Regards

[Jorge Martín]

Hello,

When I reuploaded the logo, it worked. But I came back to the initial problem: the hamburger menu gets mixed with the slider title and it does not recognize. I need it to be above the title and below the logo (just in mobile version).

You can see what I mean here:
https://prnt.sc/ofm36j

Thanks.

[Zex]

Hello,

I think, in your case, it looks much better to move the mobile menu to the right corner.

https://prnt.sc/ofq1fs

If you want the mobile menu to look like this, you need to insert the next code into Customizing->General->Additional CSS:

@media (max-width:480px) {
#agama-logo a {
 max-width: 90%!important;
 text-align: left!important;
}  
.logo{
 float: left!important;
} 
.mobile-menu-icons{
 width: 10%!important;
 clear: none!important;
 text-align: right!important;
}	
}

PS: If you want to change the color of the mobile hamburger menu bars, insert additionally the next codes :

.mobile-menu-icons li a{
    color:green!important;
}

.mobile-menu-icons li a:hover{
    color:blue!important;
}

Change the colors per your needs

Regards

• This reply was modified 4 years, 3 months ago by Zex.
• This reply was modified 4 years, 3 months ago by Zex.

[Jorge Martín]

This reply has been marked as private.

[Jorge Martín]

Hi again,

I need to change the color of the text “Read more” in the frontpage boxes. My pages background color is dark so the button can’t be black. Could you please give me an additional css code to change color?

https://prnt.sc/og573b

How could I know how is the name of each element to change it in my own?

Thanks.

[Author]

Posts