Search Results for 'mobile'

I’ve had the same problem only on the mobile view of my response Newspaper theme.

Not sure when this happened, but previously the Theme Panel included a Sub Footer option to turn off copyright. That subfooter option isn’t available in 12.7, so the copyright just shows up.

It’s located in the footer.php file, and even when I deleted it safely, the
(C) Newspaper by Tag Div is on the bottom of all my mobile pages.

Where is it so we can remove, hopefully not like I’m doing which will be lost in any updates?

Can they remove the copyright from the footer file, or give us the option to turn it off again?

I did some debugging, and it seems that the CSS duplication problem is related to TagDiv Composer. Below is the CSS block (after disabling inline css aggregation). I manually added a comment in the middle of the code indicating where the CSS is duplicated.

<style>
/* custom css – generated by TagDiv Composer */
.td_module_wrap .td-image-wrap:before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.mrw.it/wp-content/uploads/2024/08/no-thumb-300×188.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index:-1
}

.td-page-title, .td-category-title-holder .td-page-title {
font-family:Chivo
}

.td-page-content h1, .wpb_text_column h1 {
font-family:Chivo
}

.td-page-content h2, .wpb_text_column h2 {
font-family:Chivo
}

.td-page-content h3, .wpb_text_column h3 {
font-family:Chivo
}

.td-page-content h4, .wpb_text_column h4 {
font-family:Chivo
}

.td-page-content h5, .wpb_text_column h5 {
font-family:Chivo
}

.td-page-content h6, .wpb_text_column h6 {
font-family: Chivo
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tooltip {
background-color: #384764
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tt-arrow, .td-scroll-up[data-style=’style2′] .td-scroll-up-arrow {
fill:#384764
}

.td-scroll-up-progress-circle path {
stroke:#384764
}

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
background-color:#ff6600
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
color:#ff6600
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
color:#ff6600 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
border-color:#ff6600
}

.post .td-post-header .entry-title {
font-family:Chivo
}

.td-post-content h1 {
font-family: Chivo;
font-weight:bold
}

.td-post-content h2 {
font-family: Chivo;
font-weight:600
}

.td-post-content h3 {
font-family: Chivo;
font-weight:500
}

.td-post-content h4 {
font-family: Chivo;
font-weight:500
}

.td-post-content h5 {
font-family: Chivo;
font-weight:500
}

.td-post-content h6 {
font-family: Chivo;
font-weight:500
}

.tdm-menu-btn1 .tds-button1, .tdm-menu-btn1 .tds-button6:after {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button2:before, .tdm-menu-btn1 .tds-button6:before {
border-color:#cc5200
}

.tdm-menu-btn1 .tds-button2, .tdm-menu-btn1 .tds-button2 i {
color:#cc5200
}

.tdm-menu-btn1 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #cc5200;
-moz-box-shadow: 0 2px 16px #cc5200;
box-shadow:0 2px 16px #cc5200
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #cc5200;
-moz-box-shadow: 0 4px 26px #cc5200;
box-shadow:0 4px 26px #cc5200
}

.tdm-menu-btn1 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7 .tdm-btn-border-bottom {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button8 {
background:#cc5200
}

.tdm-menu-btn1 .tds-button1:before, .tdm-menu-btn1 .tds-button4 .tdm-button-b {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button2:hover:before, .tdm-menu-btn1 .tds-button6:hover:before {
border-color:#ff6600
}

.tdm-menu-btn1 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #ff6600;
-moz-box-shadow: 0 4px 26px #ff6600;
box-shadow:0 4px 26px #ff6600
}

.tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button8:before {
background-color:#ff6600
}

.tdm-menu-btn2 .tds-button1, .tdm-menu-btn2 .tds-button6:after {
background-color:#384764
}

.tdm-menu-btn2 .tds-button2:before, .tdm-menu-btn2 .tds-button6:before {
border-color:#384764
}

.tdm-menu-btn2 .tds-button2, .tdm-menu-btn2 .tds-button2 i {
color:#384764
}

.tdm-menu-btn2 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #384764;
-moz-box-shadow: 0 2px 16px #384764;
box-shadow:0 2px 16px #384764
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #384764;
-moz-box-shadow: 0 4px 26px #384764;
box-shadow:0 4px 26px #384764
}

.tdm-menu-btn2 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7 .tdm-btn-border-bottom {
background-color:#384764
}

.tdm-menu-btn2 .tds-button8 {
background:#384764
}

.tdm-menu-btn2 .tds-button1:before, .tdm-menu-btn2 .tds-button4 .tdm-button-b {
background-color:#336699
}

.tdm-menu-btn2 .tds-button2:hover:before, .tdm-menu-btn2 .tds-button6:hover:before {
border-color:#336699
}

.tdm-menu-btn2 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #336699;
-moz-box-shadow: 0 4px 26px #336699;
box-shadow:0 4px 26px #336699
}

.tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#336699
}

.tdm-menu-btn2 .tds-button8:before {
background-color: #336699
}

/**
* The rest of the CSS is a duplicate
*/

.td_module_wrap .td-image-wrap:before {
content: ”;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://www.mrw.it/wp-content/uploads/2024/08/no-thumb-300×188.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index:-1
}

.td-page-title, .td-category-title-holder .td-page-title {
font-family:Chivo
}

.td-page-content h1, .wpb_text_column h1 {
font-family:Chivo
}

.td-page-content h2, .wpb_text_column h2 {
font-family:Chivo
}

.td-page-content h3, .wpb_text_column h3 {
font-family:Chivo
}

.td-page-content h4, .wpb_text_column h4 {
font-family:Chivo
}

.td-page-content h5, .wpb_text_column h5 {
font-family:Chivo
}

.td-page-content h6, .wpb_text_column h6 {
font-family: Chivo
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tooltip {
background-color: #384764
}

.td-scroll-up[data-style=’style2′] .td-scroll-up-tt-arrow, .td-scroll-up[data-style=’style2′] .td-scroll-up-arrow {
fill:#384764
}

.td-scroll-up-progress-circle path {
stroke:#384764
}

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

.td-header-style-12 .td-header-menu-wrap-full, .td-header-style-12 .td-affix, .td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category, .td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category, .td_category_template_3 .td-current-sub-category, .td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .td_block_big_grid_9.td-grid-style-1 .td-post-category, .td_block_big_grid_9.td-grid-style-5 .td-post-category, .td-grid-style-6.td-hover-1 .td-module-thumb:after, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > li > a:hover, .tdm-menu-active-style5 .td-header-menu-wrap .sf-menu > .sfHover > a {
background-color:#ff6600
}

.td_mega_menu_sub_cats .cur-sub-cat, .td-mega-span h3 a:hover, .td_mod_mega_menu:hover .entry-title a, .header-search-wrap .result-msg a:hover, .td-header-top-menu .td-drop-down-search .td_module_wrap:hover .entry-title a, .td-header-top-menu .td-icon-search:hover, .td-header-wrap .result-msg a:hover, .top-header-menu li a:hover, .top-header-menu .current-menu-item > a, .top-header-menu .current-menu-ancestor > a, .top-header-menu .current-category-ancestor > a, .td-social-icon-wrap > a:hover, .td-header-sp-top-widget .td-social-icon-wrap a:hover, .td_mod_related_posts:hover h3 > a, .td-post-template-11 .td-related-title .td-related-left:hover, .td-post-template-11 .td-related-title .td-related-right:hover, .td-post-template-11 .td-related-title .td-cur-simple-item, .td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover, .td-category-header .td-pulldown-category-filter-link:hover, .td-category-siblings .td-subcat-dropdown a:hover, .td-category-siblings .td-subcat-dropdown a.td-current-sub-category, .footer-text-wrap .footer-email-wrap a, .footer-social-wrap a:hover, .td_module_17 .td-read-more a:hover, .td_module_18 .td-read-more a:hover, .td_module_19 .td-post-author-name a:hover, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span, .td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .current-menu-item > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > .sfHover > a, .tdm-menu-active-style3 .tdm-header.td-header-wrap .sf-menu > li > a:hover {
color:#ff6600
}

.td-mega-menu-page .wpb_content_element ul li a:hover, .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a, .td-theme-wrap .header-search-wrap .result-msg a:hover {
color:#ff6600 !important
}

.td_category_template_8 .td-category-header .td-category a.td-current-sub-category, .td_category_template_4 .td-category-siblings .td-category a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-item > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-menu-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > .current-category-ancestor > a, .tdm-menu-active-style4 .tdm-header .sf-menu > li > a:hover, .tdm-menu-active-style4 .tdm-header .sf-menu > .sfHover > a {
border-color:#ff6600
}

.post .td-post-header .entry-title {
font-family:Chivo
}

.td-post-content h1 {
font-family: Chivo;
font-weight:bold
}

.td-post-content h2 {
font-family: Chivo;
font-weight:600
}

.td-post-content h3 {
font-family: Chivo;
font-weight:500
}

.td-post-content h4 {
font-family: Chivo;
font-weight:500
}

.td-post-content h5 {
font-family: Chivo;
font-weight:500
}

.td-post-content h6 {
font-family: Chivo;
font-weight:500
}

.tdm-menu-btn1 .tds-button1, .tdm-menu-btn1 .tds-button6:after {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button2:before, .tdm-menu-btn1 .tds-button6:before {
border-color:#cc5200
}

.tdm-menu-btn1 .tds-button2, .tdm-menu-btn1 .tds-button2 i {
color:#cc5200
}

.tdm-menu-btn1 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #cc5200;
-moz-box-shadow: 0 2px 16px #cc5200;
box-shadow:0 2px 16px #cc5200
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #cc5200;
-moz-box-shadow: 0 4px 26px #cc5200;
box-shadow:0 4px 26px #cc5200
}

.tdm-menu-btn1 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7 .tdm-btn-border-bottom {
background-color:#cc5200
}

.tdm-menu-btn1 .tds-button8 {
background:#cc5200
}

.tdm-menu-btn1 .tds-button1:before, .tdm-menu-btn1 .tds-button4 .tdm-button-b {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button2:hover:before, .tdm-menu-btn1 .tds-button6:hover:before {
border-color:#ff6600
}

.tdm-menu-btn1 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn1 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #ff6600;
-moz-box-shadow: 0 4px 26px #ff6600;
box-shadow:0 4px 26px #ff6600
}

.tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn1 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#ff6600
}

.tdm-menu-btn1 .tds-button8:before {
background-color:#ff6600
}

.tdm-menu-btn2 .tds-button1, .tdm-menu-btn2 .tds-button6:after {
background-color:#384764
}

.tdm-menu-btn2 .tds-button2:before, .tdm-menu-btn2 .tds-button6:before {
border-color:#384764
}

.tdm-menu-btn2 .tds-button2, .tdm-menu-btn2 .tds-button2 i {
color:#384764
}

.tdm-menu-btn2 .tds-button3 {
-webkit-box-shadow: 0 2px 16px #384764;
-moz-box-shadow: 0 2px 16px #384764;
box-shadow:0 2px 16px #384764
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #384764;
-moz-box-shadow: 0 4px 26px #384764;
box-shadow:0 4px 26px #384764
}

.tdm-menu-btn2 .tds-button7 .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7 .tdm-btn-border-bottom {
background-color:#384764
}

.tdm-menu-btn2 .tds-button8 {
background:#384764
}

.tdm-menu-btn2 .tds-button1:before, .tdm-menu-btn2 .tds-button4 .tdm-button-b {
background-color:#336699
}

.tdm-menu-btn2 .tds-button2:hover:before, .tdm-menu-btn2 .tds-button6:hover:before {
border-color:#336699
}

.tdm-menu-btn2 .tdm-btn-style:hover {
color:#ff6600
}

.tdm-menu-btn2 .tds-button3:hover {
-webkit-box-shadow: 0 4px 26px #336699;
-moz-box-shadow: 0 4px 26px #336699;
box-shadow:0 4px 26px #336699
}

.tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-top, .tdm-menu-btn2 .tds-button7:hover .tdm-btn-border-bottom {
background-color:#336699
}

.tdm-menu-btn2 .tds-button8:before {
background-color: #336699
}
</style>

CSS variables are also declared twice in the page

:root {
–td_excl_label: ‘ESCLUSIVO’;
–td_theme_color: #ff6600;
–td_slider_text: rgba(255, 102, 0, 0.7);
–td_mobile_gradient_one_mob: rgba(0, 0, 0, 0.8);
–td_mobile_gradient_two_mob: rgba(0, 0, 0, 0.9);
–td_mobile_text_active_color: rgba(255, 255, 255, 0.9);
–td_default_google_font_1: “Open Sans”;
–td_default_google_font_2: “Open Sans”;
–td_login_hover_background: #f4f4f4;
–td_login_gradient_one: rgba(0, 0, 0, 0.9);
–td_login_gradient_two:rgba(0, 0, 0, 0.8)
}

I want the row and column width to match full screen on mobile and the element inside of them to have 10px padding on its sides. Resulting in only 10px empty spaces on the sides instead of 20px.

Maybe I wasn’t specific enough. What I want to achieve is the following.

Imagine I have a row with a column and a Flex Block inside of it. Once you open the mobile version of the side – there is a 20px gap on the sides.

I want to turn this gap into 10px gap.

This is the gap I am talking about – https://ibb.co/DJNrrP3 and if I follow your guidance it becomes the exact opposite of what I want – https://ibb.co/8LWfLYSc

I want the initial padding to become 10px.

I tried doing what you said but it doesn’t result in what I need

I was able to resolve the duplicated mobile menu problem by replacing the mobile header using the Cloud Template. After customizing the mobile header layout, only the intended menu is now displayed on mobile devices.

Website: https://www.softfully.com/
Open on Desktop: On Image, Right click on Inspect, All images you will see 75x75px, that’s good
Open on Mobile: On Image, Right click on Inspect, All images you will see 256x256px, that’s not good (It should be 75x75px)
I use the theme “Newspaper” ver 12.7 and “tagDiv Mobile Theme” ver 2.7
I use “tagDiv Composer” and “tagDiv Standard Pack”, the latest version.
I don’t use “tagDiv Cloud Library”.
How to fix on mobile?

Hi,

When I use TagDivComposer and try to click on Menu on Mobile version, it works.

I remove all caches, you can try on my website : https://julliette.fr

When I click on Button, nothing happened.

These 2 options are enabed. But it doesn’t work on mobile phone.

Where can I enable the menu on Mobile phone ?