Different problems
- This topic has 7 replies, 2 voices, and was last updated 4 years, 3 months ago by
Jorge Martín.
-
AuthorPosts
-
July 15, 2019 at 8:46 am #15699
Jorge Martín
ParticipantHello,
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.
July 15, 2019 at 11:03 am #15706Zex
ModeratorHello, 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/of4gx72. 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/of5pxqReplace 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/of4zloSo your single portfolio Item should look like this:
https://prnt.sc/of4xvvthen 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
July 15, 2019 at 12:36 pm #15711Jorge Martín
ParticipantThank 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/of72n7I 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/of74qiThank you.
July 15, 2019 at 1:02 pm #15712Zex
ModeratorHello,
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 RelatedThe 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
July 16, 2019 at 8:56 am #15752Jorge Martín
ParticipantHello,
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/ofm36jThanks.
July 16, 2019 at 1:08 pm #15758Zex
ModeratorHello,
I think, in your case, it looks much better to move the mobile menu to the right corner.
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
July 16, 2019 at 1:16 pm #15760Jorge Martín
ParticipantThis reply has been marked as private.July 17, 2019 at 9:41 am #15793Jorge Martín
ParticipantHi 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?
How could I know how is the name of each element to change it in my own?
Thanks.
-
AuthorPosts
- You must be logged in to reply to this topic.