Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3204733
Mobile Menu issues
Closed

Comments

  • Martín started the conversation

    I can´t assign a menu to my mobile menu icon. In Desktop its ok. But in mobile doesnt work. I am trying to assign my "Primary Menu" but instead a category default menu shows up.

  •  3,036
    PenciDesign replied

    Hi,

    Please send me your site URL.

    Regards,
    PenciDesign.


  •   Martín replied privately
  •  3,036
    PenciDesign replied

    Hi,

    Please go to dashboard > Header Builder > click the "Edit with Penci Header Builder" button then change the mobile menu and styles like the screenshot below:

    4IajilP.png

    Regards,
    PenciDesign.

  • Martín replied

    thank you it worked. I also would like to ask if there is a google news icon on social media, or if there is a way to add it.


    Best


    Martín.

  •  3,036
    PenciDesign replied

    Hi,

    Unfortunately, the current version of Soledad doesn't support this icon. We'll consider adding more social icon options in the future theme update.

    Regards,
    PenciDesign.


  • Martín replied

    Dear, 

    Is there a block for carrusel post style? best


    Martin

  •  3,036
    PenciDesign replied

    Hi,

    Yes. You can edit your page with the Elementor, then insert the Penci Small List element.

    Regards,
    PenciDesign.


  • Martín replied

    thank you!! Please another question. Is there a way to make a horizontal scrolling mobile menu?

  •  3,036
    PenciDesign replied

    Hi,

    Unfortunately, the current version of Soledad doesn't support a horizontal scrolling mobile menu. We'll consider adding this feature in the future theme update.

    Regards,
    PenciDesign.


  • Martín replied

    Dear, I have a question regarding Penci Web Story´s feautre, I am trying to change style from circle portrait to vertical portrait stories.

    I am trying to change it on the layout on elementor but it doesnt work. It seems it only has the circle like template.

    Is this correct?

    Best

    Martín.

  •  3,036
    PenciDesign replied

    Hi,

    Please send me the URL that you've inserted the web story element. I'll check then send you a quick solution.

    Regards,
    PenciDesign.


  •   Martín replied privately
  •  3,036
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .pc-wstories-wrapper .pc-webstory-thumb-wrapper,
    .pc-wstories-wrapper .pc-webstory-thumb {
        border-radius: 0;
    }

    Regards,
    PenciDesign.



  • Martín replied

    it cant be configured with elementor, without css?

  •  3,036
    PenciDesign replied

    Hi,

    You can change the option name "Border Radius" on the Web Story element in the Elementor editor screen.

    Regards,
    PenciDesign.


  • Martín replied

    Thanks for the reply.

    I am attaching an example of the look i am trying to get. When I change the style on the layout in the elementor nothing happens, and it stays in circles. I am trying to get a more portrait kind of look. The css you kindly share only modifies the border radius. 


    Best


    Martín


  •  3,036
    PenciDesign replied

    Hi,

    I've edited your web stories on Elementor.

    Please check.

    Regards,
    PenciDesign.


  •   Martín replied privately
  •  3,036
    PenciDesign replied

    Hi,

    If you want to show add the portrait, you need to add this CSS code to your site:

    .pc-wstories-wrapper .pc-webstory-thumb {
        padding-top: 160%;
    }

    Regards,
    PenciDesign.



  • Martín replied

    Dear,

    I would like to know how to edit the User account form. Translate it to spanish or edit the fields to show?. Also would like to know how to block access to certain pages for user that have not registered or signed in first.

    Best

    Martin

  •  3,036
    PenciDesign replied

    Hi,

    1. Unfortunately, the current version of Soledad doesn't support modifying the user account form,

    2. If you want to restrict content for some user roles, you should install the Content Control plugin here: https://wordpress.org/plugins/content-control/

    Regards,
    PenciDesign.


  • Martín replied

    thanks, how about translate to spanish?

  •  3,036
    PenciDesign replied

    Hi,

    You can translate all text by going to Appearance > Customize > Quick Text Translation.

    Regards,
    PenciDesign.


  • gherreramusica replied

    But i am trying to translate the user profile form… i dont see there is an option for that?… on quick translation there arent the fields for it…

  •  3,036
    PenciDesign replied

    Hi,

    Please go to Appearance > Customize > Front End Submission > Text Translations: translate all the text of the front-end form in this section.

    Regards,
    PenciDesign.


  • Martín replied

    Thanks, another question please.

    I am trying to order the posts by "most viewed"... but i see its not working... i dont know if i need another plugin to complement this feature. Also i wanted to see if there was a way to order by most popular tags...

    best


    Martín

  •  3,036
    PenciDesign replied

    Hi,

    The most viewed features only work correctly if you've enabled the post view feature on a single post.

    Please go to Appearance > Customize > Single Posts > General > turn on the "Show Views Count" option.

    Regards,
    PenciDesign.


  • Martín replied

    Thank you, and is there a way to display most popular tags?

  •  3,036
    PenciDesign replied

    Hi,

    Yes. Please go to Appearance > Customize > Widgets: add the .Soledad Advanced Categories widget to the area you want to show, select "Posts - Tags" and Order by "Count".

    Regards,
    PenciDesign.


  •   Martín replied privately
  •  3,036
    PenciDesign replied

    Hi,

    Please send me this post URL.

    Regards,
    PenciDesign.


  • empresaperonesa replied

    https://oromartv.com/pedro-el-escamoso-cap-38-cesar-luis-a-segundos-de-lo-inevitable/


    i am not sure you can see it since this content i believe is geoblocked outside Ecuador.

  • Martín replied

    Dear

    We have deactivated the geoblock for a few momentos for you to be able to access the post link

    https://oromartv.com/pedro-el-escamoso-cap-38-cesar-luis-a-segundos-de-lo-inevitable/

    Best

    Martin

  •  3,036
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    @media only screen and (max-width: 767px) {
        .elementor embed, .elementor iframe, .elementor object, .elementor video {
            aspect-ratio: 4/3;
            height: auto;
        }
    }

    Regards,
    PenciDesign.



  •   Martín replied privately
  •  3,036
    PenciDesign replied

    Hi,

    No. Soledad doesn't modify any ad code, so this is not a problem coming from our theme.

    Please send me some post URLs that contain this issue, I'll check and then send you a CSS solution.

    Regards,
    PenciDesign.


  • Martín replied

    Sure, here is the link:

    https://oromartv.com/

    You can go to the footer, and you will see an ad that is not centered. Header is fine. This tags come directly from google ad manager and are supposed to be configured to be centered.


  •  3,036
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .elementor-element-b3fb07d {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    }

    Regards,
    PenciDesign.



  • Martín replied

    dear, is there a way to apply this code to all google ad containers by default? what would be the selector


  •  3,036
    PenciDesign replied

    Hi,

    There is no way to apply for all Google ad containers because each ad has a separate width value.

    You can read the document here: https://support.google.com/adsense/answer/9190028

    Regards,
    PenciDesign.


  • Martín replied

    Dear, i got this css code which solved the problem only to desktop screen, but i see the problem in mobile screens. Now i only need to apply this to mobile as well. Please give me some help.

    .elementor embed, .elementor iframe, .elementor object, .elementor video {
       max-width: 970px !important;
    }

  •  3,036
    PenciDesign replied

    Hi,

    Please follow the document on the link I sent and modify the ad code like the following below:

    <div align="center">
    your ad code
    </div>

    Regards,
    PenciDesign.


  • Martín replied

    Dear,

    My tag is not a Google Adsense Tag, is a Google Ad Manager Tag (GPT tag). I just found that there are some CSS rules on elementor by default that makes this conflicts. The way to override this rule is with the code i just shared:

    .elementor embed, .elementor iframe, .elementor object, .elementor video {
       max-width: 970px !important;
    }

    However I see this only works with desktop screens, not mobile. I was looking for a media screen rule? to apply that to screens smaller than 728px.


  • Martín replied

    Look, this is what i found:

    Elementor gives some elements a 100% width:

    .elementor embed, .elementor iframe, .elementor object, .elementor video {    width: 100%;
    }
    Code language: CSS (css)

    This is how to override it with custom CSS if your GAM ad has a static width. If not, you would need to remove the rule mentioned above from your theme.

    .elementor embed, .elementor iframe, .elementor object, .elementor video {    width: 728px !important;
    }
    Code language: CSS (css)
    

    Now this works with desktop i need a solution por mobile as well.

  •  3,036
    PenciDesign replied

    Hi,

    You can put any JS code inside the DIV center tag:

    <div align="center">
    your ad code
    </div>

    You can't modify all the Elementor DIV because it affected all elements.

    Regards,
    PenciDesign.


  • Martín replied

    Dear, 

    I am trying the most view post once per week, but it seems its not working. I set the "show count on"... but its not showing the most views, or i think its taking post older than a week.. can i set this to most view posts published in the las 7 days?


    best


    Martín

  •  3,036
    PenciDesign replied

    Hi,

    The post view only works properly if you've enabled the post view on the single post and the AJAX post view count.

    Please check it by going to Appearance > Customize > Single Posts > General: turn on the "Show Views Count" and "Enable ajax Post View Count" options.

    Regards,
    PenciDesign.


  • Martín replied

    ok i will try this. Also where can i change the font style for post titles?

  •  3,036
    PenciDesign replied

    Hi,

    Please add the following CSS code to your site via Appearance > Customize > Custom CSS:

    .container-single .post-title {
        font-style: normal;
    }

    Regards,
    PenciDesign.



  • Martín replied

    One question.

    You gave me this css to fix the gap created between the feature image up and down in mobile:

    @media only screen and (max-width: 767px) {
        .elementor embed, .elementor iframe, .elementor object, .elementor video {
            aspect-ratio: 4/3;
            height: auto;
        }
    }

    It fixed it, the problem with this i realize is that this affects to al elementor iframe in all website. Is there a way to only affect post builder?... or is there another way to use post builder withouth elementor so that there is no conflict with those iframes?

  •  3,036
    PenciDesign replied

    Hi,

    Please modify the CSS code like this:

    @media only screen and (max-width: 767px) {
        body.single .elementor embed, body.single .elementor iframe, body.single .elementor object, body.single .elementor video {
            aspect-ratio: 4/3;
            height: auto;
        }
    }

    Regards,
    PenciDesign.



  • Martín replied

    thank you. The code solved it however it created some other issues on other elements on media query above 767px. Fonts, background color have been overriden. Some suggestion?

  •  3,036
    PenciDesign replied

    Hi,

    You should clear all the site cache and then check again, the code I've sent only applies & modify the iframe height & ratio, it doesn't apply to color, fonts, and background color.

    Regards,
    PenciDesign.


  • Martín replied

    Dear, por post videos is there a way to show by default a capture of the video uploaded by the link? without adding a featured image?

  •  3,036
    PenciDesign replied

    Hi,

    Unfortunately, the current version of Soledad doesn't support this feature.

    Soledad theme can get the video thumbnail from Youtube/Vimeo and set it as a featured image. (Go to Appearance > Customize > General > General Settings > Auto Get Featured Image from Post Content)

    Regards,
    PenciDesign.


  • Martín replied

    is there a way to change the default log in page? 

  •  3,036
    PenciDesign replied

    Hi,

    You can follow the document here:https://www.wpbeginner.com/plugins/how-to-create-custom-login-page-for-wordpress/

    Regards,
    PenciDesign.