Skip to content
Public Ticket #23455

Mobile Menu issues

Conversation thread

Martín replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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

Customer Reply

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?

PenciDesign Supporter replied

Staff Reply

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

Customer Reply

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?

PenciDesign Supporter replied

Staff Reply

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

Customer Reply

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?

PenciDesign Supporter replied

Staff Reply

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

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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.

Mart&iacute;n replied

Customer Reply

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.

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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

Mart&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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.

PenciDesign Supporter replied

Staff Reply

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.


PenciDesign Supporter replied

Staff Reply

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.



PenciDesign Supporter replied

Staff Reply

Hi,

Please send me this post URL.

Regards,
PenciDesign.


PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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.


gherreramusica replied

Customer Reply

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…

PenciDesign Supporter replied

Staff Reply

Hi,

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

Regards,
PenciDesign.


Mart&iacute;n replied

Customer Reply

thanks, how about translate to spanish?

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

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.



PenciDesign Supporter replied

Staff Reply

Hi,

I've edited your web stories on Elementor.

Please check.

Regards,
PenciDesign.


Mart&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

Hi,

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

Regards,
PenciDesign.


Mart&iacute;n replied

Customer Reply

it cant be configured with elementor, without css?

PenciDesign Supporter replied

Staff Reply

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.



PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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.

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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

PenciDesign Supporter replied

Staff Reply

Hi,

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

Regards,
PenciDesign.


Mart&iacute;n replied

Customer Reply

Dear, 

Is there a block for carrusel post style? best

Martin

PenciDesign Supporter replied

Staff Reply

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&iacute;n replied

Customer Reply

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.

PenciDesign Supporter replied

Staff Reply

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.

PenciDesign Supporter replied

Staff Reply

Hi,

Please send me your site URL.

Regards,
PenciDesign.


Mart&iacute;n started the conversation

Conversation Start

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.

Want to join this conversation or access attachments? Sign in first.