Shop Categories

X

Different problems

Home Forums Agama Pro Different problems

Topic Resolution: Resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15699
    Jorge Martín
    Participant

    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.

    #15706
    Zex
    Moderator

    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

    #15711
    Jorge Martín
    Participant

    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.

    #15712
    Zex
    Moderator

    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

    #15752
    Jorge Martín
    Participant

    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.

    #15758
    Zex
    Moderator

    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 3 years, 4 months ago by Zex.
    • This reply was modified 3 years, 4 months ago by Zex.
    #15760
    Jorge Martín
    Participant
    This reply has been marked as private.
    #15793
    Jorge Martín
    Participant

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.