Search Results for '1 column footer'

[khan.samim188]

khan.samim188

#295444

I tried to add a new lagey widget to my Footer Column 2 today, I had no problem adding the new widget and navigation menu inside it. Text colour of navigation title and navigation content was black. When I change the background colour of footer to dark blue, the text of navigation menu and it’s content were no more visible. So i changed the colour of navigation menu to white. But it didn’t work. Though the colour title Changing but the colour of content text remains same. The colour of navigation menu is Changing according to to colour of global palette’s contact colour. Changing the font colour in the widget editor made no difference to this, i am using kandence starter template meditation course. I want my widget text colour to be white.

[khan.samim188]

khan.samim188

#295444

I tried to add a new lagey widget to my Footer Column 2 today, I had no problem adding the new widget and navigation menu inside it. Text colour of navigation title and navigation content was black. When I change the background colour of footer to dark blue, the text of navigation menu and it’s content were no more visible. So i changed the colour of navigation menu to white. But it didn’t work. Though the colour title Changing but the colour of content text remains same. The colour of navigation menu is Changing according to to colour of global palette’s contact colour. Changing the font colour in the widget editor made no difference to this, i am using kandence starter template meditation course. I want my widget text colour to be white.

[dan-8488]

dan-8488

#294932

Thanks, Victor. I got a separate reply to another thread from Michale Tarongoy on your team. His suggestion was the following CSS:

.wp-block-kadence-posts .loop-entry {
height: 100%;
position: relative;
}
li.kb-post-list-item .entry-footer{
position: absolute;
bottom: 10px;
}
Change the bottom value as desired.

That worked well except that if you make that bottom value too high, it will push the “Read More” up into the final line of the post’s body text. I’ve attached a screen shot that shows the results with an exaggerated amount (40px). Michael said that there currently isn’t any way to get the column height to take that into account so that the spacing between the body text and Read More is more natural, though he said there have been requests. If you know of any other work-arounds, I’m all ears.

Thanks again.

[Kevin Viner]

Kevin Viner

#293017

Working on a new site for my wife’s music project.

The first question is for the page with the full height image of her and the “Rainbows” artwork. The only way I have been able to get the desired behavior to center the “Rainbows” single artwork has been to set the Row to 100% VH, and then make a full height column and vertically center the content. The problem with that is that I don’t want the row to actually be 100% VH, since I’m using a floating footer and header . . . I really want the height to be 100% VH minus the header/footer heights. Otherwise, this is introducing unnecessary scrolling. I want a static page that stretches to fill the browser size, and keeps the album artwork centered.

The second question is for the page with the 3 album artworks. The way I have this set up, I have the title bar set up as it’s own section, and the albums are in a row below. I’d love to have this row centered vertically between the bottom of the title bar and the bottom of the page. How can I accomplish this?

Thank you all in advance for your help!

[Kevin Viner]

Kevin Viner

#293017

Working on a new site for my wife’s music project.

The first question is for the page with the full height image of her and the “Rainbows” artwork. The only way I have been able to get the desired behavior to center the “Rainbows” single artwork has been to set the Row to 100% VH, and then make a full height column and vertically center the content. The problem with that is that I don’t want the row to actually be 100% VH, since I’m using a floating footer and header . . . I really want the height to be 100% VH minus the header/footer heights. Otherwise, this is introducing unnecessary scrolling. I want a static page that stretches to fill the browser size, and keeps the album artwork centered.

The second question is for the page with the 3 album artworks. The way I have this set up, I have the title bar set up as it’s own section, and the albums are in a row below. I’d love to have this row centered vertically between the bottom of the title bar and the bottom of the page. How can I accomplish this?

Thank you all in advance for your help!

[chitocamacho]

chitocamacho

#291459

Hi Sara,

Glad to hear you were able to sort this.

Technically, the header and footer work almost the same, even if the footer has an option for number of columns.

The footer has a maximum of 5 columns. If you try to drag and drop the header widgets, you’d see there can be up to 5 columns as well. Here’s a video: https://share.zight.com/NQu9x8zv

Both can also have one column.

Additionally, we will launch the Advanced Header / Navigation block this week, which has the ability to have only one column or more and customize it further. Here’s an example: https://share.zight.com/v1uqLXJx

Please let me know how I can assist further.

Best,
Chito

[Sara]

Sara

#291442

Hi there,

I want to have the header main row be just one column, not three – is this possible? I can do this in the footer but, in the header, I’m forced to use three columns. This is causing my menu to not display properly. Here’s a screenshot of the Customize screen to show what I’m seeing.

Thanks!
Sara

[Sara]

Sara

#291442

Hi there,

I want to have the header main row be just one column, not three – is this possible? I can do this in the footer but, in the header, I’m forced to use three columns. This is causing my menu to not display properly. Here’s a screenshot of the Customize screen to show what I’m seeing.

Thanks!
Sara

[chitocamacho]

chitocamacho

#286695

Hi there,

Thanks for writing in.

I checked the website you referenced, but it’s not using the Kadence theme.

Navigation and Layout
This depends on your requirements and design. If we can see the wireframe, perhaps we can give advice or suggestions.

Some websites provide short menu labels and quite a few links on the header and footer for easy navigation.

To enhance the header menu, you can create Kadence mega menu:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-create-a-mega-multicolumn-menu/

Mobile Responsiveness
The Kadence theme and Kadence Blocks have options to adjust the settings for desktop, tablet, and mobile. See example of a responsive setting: https://share.zight.com/X6ungn7l

Typography and Readability
In my above screenshot, you can adjust the font sizes for based font and heading in Customizer > Colors & Fonts > Typography.

Using a large font size (e.g., 90px) would have an issue with responsiveness. You can test out different font sizes and check them for desktop, tablet, and mobile. Here’s a guide: https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-preview-the-mobile-version-of-your-site-on-desktop/

The recommended font size for mobile is at least 16px.

Performance Optimization
There’s no built-in functions in Kadence to optimize a website. The Kadence theme is lightweight and already incredibly fast.

We have an article about website optimization you can refer to:
https://www.kadencewp.com/need-for-speed/

It’s also important to have a good hosting. Though the page load speed also depends on how you build a page and the plugins you use. You may also want to make sure you use minimal blocks so you can prevent having a large DOM size, which also affects the page load speed.

Let us know how we can assist further.

Best,
Chito

[Amber Zoe]

Amber Zoe

#283482

This reply has been marked as private.

[Peggy]

Peggy

#283072

Hi

I have an error message in the console on the site I’m editing. There’s virtue in it so maybe it’s a theme-related bug…
Uncaught TypeError: Cannot read properties of null (reading ‘length’)
at t.registerBreakpoints (slick.min.js?ver=1.8.1:1:26928)
at new t (slick.min.js?ver=1.8.1:1:2796)
at i.fn.slick (slick.min.js?ver=1.8.1:1:42773)
at e (virtue-slick-min.js?ver=4.10.8:1:1968)
at virtue-slick-min.js?ver=4.10.8:1:2246

Otherwise I don’t understand why the “legal notices and personal data policy” menu is displayed at the bottom right of the footer, I didn’t put it in the fourth column of the footer, nor in the last row at the bottom , but only in the second column of the footer…

here are the access codes to my site which is in maintenance mode :
*Login to see link
login : kt
password : sef#HLb91bmeMznVZ0#SmFto
Thanks
Peggy

[Peggy]

Peggy

#283072

Hi

I have an error message in the console on the site I’m editing. There’s virtue in it so maybe it’s a theme-related bug…
Uncaught TypeError: Cannot read properties of null (reading ‘length’)
at t.registerBreakpoints (slick.min.js?ver=1.8.1:1:26928)
at new t (slick.min.js?ver=1.8.1:1:2796)
at i.fn.slick (slick.min.js?ver=1.8.1:1:42773)
at e (virtue-slick-min.js?ver=4.10.8:1:1968)
at virtue-slick-min.js?ver=4.10.8:1:2246

Otherwise I don’t understand why the “legal notices and personal data policy” menu is displayed at the bottom right of the footer, I didn’t put it in the fourth column of the footer, nor in the last row at the bottom , but only in the second column of the footer…

here are the access codes to my site which is in maintenance mode :
*Login to see link
login : kt
password : sef#HLb91bmeMznVZ0#SmFto
Thanks
Peggy

[Karla]

Karla

#270257

Hello,

Apologies for the delay in getting back to you!

1) I removed footer, but there’s still a small grey part. How to remove it?

The side header is showing in full-screen height while your slider is not. This is the reason why there is still space below it. Please could you send a screenshot of your slider so we can replicate it better?

2)

You can add this in Theme Options > Custom CSS:

#wrapper {
    min-height: calc( 100vh - 32px);
    display: flex;
    flex-direction: column;
}
#inner-wrap {
    flex: 1 0 auto;
}

3)How to add space between widget and menu? I have left Site Layout Header Style.

Since WordPress 5.8 now added Gutenberg on the widgets page, you can add a Spacer block to your Header Extras Widgets Area. Alternatively, add a custom CSS code:

#kad-vertical-menu .kad-header-menu {
    margin-top: 10px;
}

Hope this helps and let us know if we can assist you further.

Best Regards,
Karla

[tgg500]

tgg500

#270090

Hey Kevin, thanks for the reply and the video.

The look that I’m after is more like what you’ve got in SERVICES and ABOUT menus in Widgets 2 & 3.

I’ve set up separate menus – one for each column that I’d like to display (currently called Footer1, Footer2, etc).

When I add a widget and add a Navigation Menu block, the menus that I’ve created don’t show up in the list of available menus:

This looks different to what shows up in your video:

How can I get all of the menus to appear as options to select from in the Navigation Menu block in the widget?

[Kevin]

Kevin

#268222

Hey, thanks for contacting us.

Sorry to hear that your first impressions of the them are poor.

I’m happy to address your questions in detail here.

1. You can hide the home page title by going to Theme Options> Home Layout and moving the “Page Title” See this screenshot:
https://share.getcloudapp.com/Z4ujQEwl

2. Can you please specify which parts of the top bar you would like to be centered? This will likely require some custom CSS, but we need to know what exactly you’re trying to accomplish. Thanks!

3. The search bar in your top bar should stay above the page title already. Can you share some screenshots of what you’re referring to?

4. This will require some custom CSS. Try adding to Theme Options> Advanced Settings> Custom CSS:

.footercredits.clearfix {
    display: flex;
    flex-direction: column;
}

.footercredits p {
    text-align: center;
}

.footernav.clearfix {
    display: flex;
    justify-content: center;
}

Sorry to hear that the Virtue Docs were difficult to you to find. We do have documentation for Virtue Theme here:
https://docs.kadencethemes.com/virtue-premium/

Feel free to followup with any additional questions you may have. Thanks in advance for the additional info on what you’re after in 2 and 3.

Best regards,
Kevin

[Karla]

Karla

#268128

Hello Pascal,

Upon checking, those are inside the 4th widget in your Footer Column 1 widget area. Here’s a screen recording of how you can find them – https://share.getcloudapp.com/kpunj5WY.

If you need further help to find the widget, you could give us temporary admin access to your website by using this plugin and send us the login link here in a private reply.

Hope this helps and do let us know if we can assist you further.

Regards,
Karla

[michaeljdeibert]

michaeljdeibert

#267980

Hi,

Note: the element is [kadence_element id="7170], which shows both the original 5-column row layout I’m trying to tweak but also the adjusted, mobile-only version. On desktop it’ll show [kadence_element id="8919], which is identical but carry-over from a failed attempt to resolve a different issue.

I’m doubtful that it’s something in my current css… while I’ve since added more tweaks, Ben had a decent look over it previously. But as for css conflicting with something else, perhaps…

However, even that’s questionable because one of the css solutions I tried used unique classes added to that specific 5-column layout and then each of the 5 sections inside – it still didn’t work correctly. Or rather, it DID arrange the sections, but then it didn’t centre the last row with the odd item (as written) and worse – the contents inside the section were lost after implementation (contents are Kadence’s Info Box block).

That code was:

/* adjust grid for rating element on mobile screens */
@media (max-width: 767px) { 
.rating-box-mobile-grid {
	display: grid;
	grid-template-columns: repeat( 6, 1fr );
	}
.rating-box-mobile-grid-section {
		grid-column: span 2;
	}
.rating-box-mobile-grid-section-odd:nth-last-child(1):nth-child(odd) {
		grid-column: 2 / span 2;
		}
	}
}
}

[While it was originally written for SASS, I rewrote it for CSS. The reference for this was: https://www.billerickson.net/css-grid-center-last-item/ This code is still in the “Custom CSS” sections within the block, but it made no effect there nor just using the class selectors alone.]

But as noted, I’ve tried other options as well.

I tried to set the row as a 2 columns layout, with 3 sections in the first and 2 sections in the last. That way it would collapse as default on mobile. But then no matter what padding/margin/spacing options I tried, I could not get it to actually equally space in the row while on desktop & tablet. There was always a wonky, off-balance look.

I tried a different css out, via grid:

/* adjust grid for ratings box on mobile screens */
@media (max-width: 767px) { 
.rating-box-mobile-grid {
	flex: 3
}

The goal was then to have the last two sections wrap below by using the unique class on the row layout… but alas, nope.

And as noted, I tried applying a similar grid option as Ben helped sort for my footer here: https://www.kadencewp.com/support-forums/topic/new-footer-row-collapse-layout-for-mobile/#post-267790 But even adjusting that for a 5 column grid didn’t work, nor did any other options using a grid.

Michael

[Ben Ritner]

Ben Ritner

#267784

Hi Micheal
Here is the updated css:

Please make sure you have selected the layout your highlighted in this image: https://i.ibb.co/v1ZdrzV/Screen-Shot-2021-09-08-at-19-07-12.png

@media (max-width: 720px) {
	#colophon .site-footer-middle-section-1 {
		grid-column: 1;
	}
	#colophon .site-footer-middle-section-3 {
		grid-column: 2;
	}
	#colophon .site-footer-middle-section-2 {
			order: -1;
			grid-column: 1 / -1;
	}
}

Let me know how it goes.

Ben

[michaeljdeibert]

michaeljdeibert

#267761

Hi,

This is not my first issue with your support team, nor the first time I have felt treated like an idiot by them. Especially since Karla’s answer was essentially the equivalent of “here the FAQ/Documentation”, gilded with a “Hope that helps!” closure.

Yes, perhaps you get users who cannot read the documentation before asking questions – but it’s the presumption and lack of actually reading about the issue as explained that was entirely offensive. And again, it’s not the first time I’ve gotten such a treatment from support. Yes, this is the public forum instead of the private support ticket for my Kadence Membership package – but “silly me”, I thought that perhaps other users might have had an answer rather than wait days for your specific reply.

Yet again, you are “presuming” – and still getting it wrong. It IS a new layout option I am asking about, specifically one that addresses the column collapse order (and width settings), for a row with three columns, that features the MIDDLE column first at 100% width (not the first column at 100%, nor the last column at 100%), with the other two columns (left and right, or 1 and 3) split 50/50% width below. [As edited in the previously provided image.]

Since you can only “understand” visually with video and images that take longer to create than type the initially provided detailed description, perhaps this will help you:
https://share.getcloudapp.com/Apu9eBAx
It follows along rather nicely to my original description of the issue. So sorry for omitting an article or two, and failing to include the quotes to correctly name your theme’s currently provide layout options…

“…the footer. The middle row has three columns, …The issue is with the mobile (device) settings, specifically (the) row collapse layout & order. Right now, it’s set for three vertical(ly stacked) 100% rows (instead of 3 columns on wider screens). … if there was a layout for “MIDDLE ROW 100%”, with the left & right at 50% below (or even above) the other two. Nearly identical to the current “First Row 100% & 50/50” split layout, or the reverse “Last Row 100% & 50/50” split. …

According to my understanding of flex boxes, yes, this should be achievable via css. But all your provided css solution did was swap the order around; placing the middle column first (without resizing it to the full 100% width) nor did it split the other two columns 50/50 below. [Which is the new LAYOUT option initially requested.]

The theme currently provides clickable buttons to change this utilising a visual/description for eight differently layouts – appropriately labeled “Layout” in the toolbar. If that is how it is set up on the backend via css, then css should equally be a good solution. But so would adding a new layout button that features the Middle Row at 100%, with the other two columns split 50/50, as requested.

Michael

[Ben Ritner]

Ben Ritner

#267745

Hi,

Please understand we are trying to help you. Three of us are reading your question here trying to make sense of it. I understand you feel you are being clear, I kindly ask for your patience since we do not feel that you are being clear and it’s our goal to help so asking follow-up is part of the support process. I personally did not understand what you were asking after reading your first post multiple times.

Comments like “First, can support personnel please stop treating their paying customers like idiots, and perhaps actually read our queries before presuming we simply don’t know how to use your theme? Thanks.” bring our whole team down.

We read and re-read questions a lot trying to make sense of things. However, it’s not always very clear. That’s why we often ask for images to help.

So thank you for the image. It’s doesn’t seem like you want a new layout, at least not in how you deal with this regarding CSS. It seems like you want to be able to change the order of the inner columns. Here is the css that I think you want:

@media (max-width: 720px) {
.site-footer-middle-section-2 {
    order: -1;
}
}

If that is not what you want, please be patience as we try and get you the best solution 🙂

Ben

[Stefan Lindblad]

Stefan Lindblad

#267731

Hi,

1) With the page “Blog” we collect all blogs in one place. Like 1 row & 3 columns, or 3 x 3 row and columns etc.

Question

2) How to create the same behaviour for all projects (portfolio pages) (without removing/using the blog feed settings mentioned in point 1.

question

3) Is it possible to use a Block, like a Gutenberg/Kadence block on a regular page picking up all these project pages or the pages I like to show up on one page?

I ask this because on my Portfolio page as an illustrator I have my regular portfolio galleries, and I also write a blog. But I also created a set of “Case Study” pages clients use to read up on previous cases I made.

In conlusion I need to keep blog feed as is. And then have “Latest projects” allowed on a regular page and not just in the footer.

Best regards
Stefan

[Stefan Lindblad]

Stefan Lindblad

#267731

Hi,

1) With the page “Blog” we collect all blogs in one place. Like 1 row & 3 columns, or 3 x 3 row and columns etc.

Question

2) How to create the same behaviour for all projects (portfolio pages) (without removing/using the blog feed settings mentioned in point 1.

question

3) Is it possible to use a Block, like a Gutenberg/Kadence block on a regular page picking up all these project pages or the pages I like to show up on one page?

I ask this because on my Portfolio page as an illustrator I have my regular portfolio galleries, and I also write a blog. But I also created a set of “Case Study” pages clients use to read up on previous cases I made.

In conlusion I need to keep blog feed as is. And then have “Latest projects” allowed on a regular page and not just in the footer.

Best regards
Stefan

[michaeljdeibert]

michaeljdeibert

#267727

Hi,

First, can support personnel please stop treating their paying customers like idiots, and perhaps actually read our queries before presuming we simply don’t know how to use your theme? Thanks.

Yes, that’s where the options to change the column breakdown are at for the footer (The same as the desktop/tablet/mobile breakdowns in row layout block). It’s where I’ve set them multiple times. But that wasn’t my question, not is it even an answer to my question because as the title of my query clearly notes, we need a new layout option for mobile. Which I pretty clearly spelled out. Nor can I “provide a screenshot” – because it currently cannot be done with the current layout choices. However, since the support team deals with simplicity:

CSS flex can probably sort this out – if I can successfully adjust the correct class. AND that same class isn’t used anywhere else. (Since most of my prior attempts to tweak css have been chided for creating issues such as that…) But given that a 3 column footer (or header, or row layout) is a rather common design layout, adding a tablet/mobile layout that includes featuring the middle column first at 100% would be beneficial more than just on one site. In fact, I would benefit from the solution on all of my sites.

Nor is the alignment issue simply “change the alignment to centre” – as I noted, that was already selected. Both in the middle row, Widget 1 alignment settings as well as within WP’s Footer 1 Widget block itself. One block in the widget will not centre, yet the others are. (Which is also shown my site, url already provided… did you actually to take a look?) But the alignment issue would easily resolved if the layout is implemented as I would need it to remain aligned left.

Michael

[michaeljdeibert]

michaeljdeibert

#267656

On my one site (currently in staging) *Login to see link , I’m having a bit of a struggle with the footer. The middle row has three columns, and I’m using Widget 1, Widget 2, and Widget 3 WP core areas to add the inner content.

The issue is with the mobile settings, specifically row collapse layout & order. Right now, it’s set for three vertical 100% rows. Which would work… except a block within Widget 1 is NOT centering like the rest of the widget contents. (it’s a non Kadence block, so I’m trying to figure a way to target & tweak that with CSS… if I can resolve that, then this issue may be moot.)

However, the entire issue would be resolved if there was a layout for MIDDLE ROW 100%, with the left & right at 50% below (or even above) the other two. Nearly identical to the current First Row 100% & 50/50 split layout, or the reverse Last Row 100% & 50/50 split. I don’t know Customiser at all, so not even sure where to begin to target this myself within my child theme.

The reason I’m wanting this is because I have a navigation menu on the left, social media icons on the right, and a subscribe box in the middle. I feel this is a layout option that many other users could benefit from as well because it allows us to focus on the middle column first/last.

After another look, it’s also something that actually could benefit ALL mobile layouts, ie Row Layout Blocks even – not just within the footer! (I can submit a feature request for that, if that would help)

Thanks!

[michaeljdeibert]

michaeljdeibert

#267656

On my one site (currently in staging) *Login to see link , I’m having a bit of a struggle with the footer. The middle row has three columns, and I’m using Widget 1, Widget 2, and Widget 3 WP core areas to add the inner content.

The issue is with the mobile settings, specifically row collapse layout & order. Right now, it’s set for three vertical 100% rows. Which would work… except a block within Widget 1 is NOT centering like the rest of the widget contents. (it’s a non Kadence block, so I’m trying to figure a way to target & tweak that with CSS… if I can resolve that, then this issue may be moot.)

However, the entire issue would be resolved if there was a layout for MIDDLE ROW 100%, with the left & right at 50% below (or even above) the other two. Nearly identical to the current First Row 100% & 50/50 split layout, or the reverse Last Row 100% & 50/50 split. I don’t know Customiser at all, so not even sure where to begin to target this myself within my child theme.

The reason I’m wanting this is because I have a navigation menu on the left, social media icons on the right, and a subscribe box in the middle. I feel this is a layout option that many other users could benefit from as well because it allows us to focus on the middle column first/last.

After another look, it’s also something that actually could benefit ALL mobile layouts, ie Row Layout Blocks even – not just within the footer! (I can submit a feature request for that, if that would help)

Thanks!

[Joanne]

Joanne

#266064

I have received a warning from Google on my ‘About’ page – *Login to see link

I think its to with mobile friendly? Can you tell me how to fix it?

I’ve pasted the highlighted part below
Thanks Joanne

alignwide{width:100%}@media (min-width: calc(840px – 48px)){.alignwide{width:calc(100vw – 48px);max-width:calc(100vw – 48px);margin-left:calc(50% – 50vw + 24px);margin-right:calc(50% – 50vw + 24px)}}@media (min-width: calc(2580px)){.alignwide{width:calc(2580px – 48px);max-width:calc(2580px – 48px);margin-left:calc(calc(50% – 2580px / 2) + 24px);margin-right:calc(calc(50% – 2580px / 2) + 24px)}}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw)}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}html{background:#0a89c0}body{background:#fff;color:#353535;font-family:Georgia,”Times New Roman”,Times,Serif;font-weight:300;line-height:1.75em}p,figure{margin:0 0 1em;padding:0}a,a:visited{color:#0a89c0}a:hover,a:active,a:focus{color:#353535}blockquote{color:#353535;background:rgba(127,127,127,.125);border-left:2px solid #0a89c0;margin:8px 0 24px 0;padding:16px}blockquote p:last-child{margin-bottom:0}.amp-wp-header div,.amp-wp-title,.amp-wp-footer p,.back-to-top{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”Roboto”,”Oxygen-Sans”,”Ubuntu”,”Cantarell”,”Helvetica Neue”,sans-serif}.amp-wp-header{background-color:#0a89c0}.amp-wp-header div{color:#fff;font-size:1em;font-weight:400;margin:0 auto;max-width:calc(840px – 32px);padding:.875em 16px;position:relative}.amp-wp-header a{color:#fff;text-decoration:none}.amp-wp-header .amp-wp-site-icon{background-color:#fff;border:1px solid #fff;border-radius:50%;position:absolute;right:18px;top:10px}.amp-wp-article{color:#353535;font-weight:400;margin:1.5em auto;max-width:840px;overflow-wrap:break-word;word-wrap:break-word}.amp-wp-article-header{align-items:center;align-content:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5em 16px 0}.amp-wp-title{color:#353535;display:block;flex:1 0 100%;font-weight:900;margin:0 0 .625em;width:100%}.amp-wp-article-featured-image{margin:0 0 1em}.amp-wp-article-featured-image amp-img{margin:0 auto}.amp-wp-article-content{margin:0 16px}.amp-wp-article-content .wp-caption{max-width:100%}.amp-wp-article-content amp-img{margin:0 auto}.amp-wp-article-content amp-img.alignleft{margin:0 16px 1em 0}.wp-caption{padding:0}.wp-caption.alignleft{margin-right:16px}.alignwide,.alignfull{clear:both}.amp-wp-footer{border-top:1px solid #c2c2c2;margin:calc(1.5em – 1px) 0 0}.amp-wp-footer div{margin:0 auto;max-width:calc(840px – 32px);padding:1.25em 16px 1.25em;position:relative}.amp-wp-footer h2{font-size:1em;line-height:1.375em;margin:0 0 .5em}.amp-wp-footer p{color:#696969;font-size:.8em;line-height:1.5em;margin:0 85px 0 0}.amp-wp-footer a{text-decoration:none}.back-to-top{bottom:1.275em;font-size:.8em;font-weight:600;line-height:2em;position:absolute;right:16px}#kt-layout-id_4a5ee2-07{margin-top:-33px;background-image:url(“*Login to see link 48%;background-attachment:scroll;background-repeat:no-repeat}#kt-layout-id_4a5ee2-07 > .kt-row-column-wrap{padding-top:77px;padding-bottom:100px;min-height:500px}#kt-layout-id_4a5ee2-07 > .kt-row-layout-overlay{opacity:.6;background-image:linear-gradient(180deg,var(–global-palette2) 0%,var(–global-palette1) 100%);mix-blend-mode:normal}.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{text-align:center;font-size:3.5em;line-height:1.5em;color:#fff}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{font-size:2.8em}}@media all and (min-width: 768px){#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-1{flex:0 1 65%;-webkit-flex:0 1 65%}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-2{flex:0 1 35%;-webkit-flex:0 1 35%}}#kt-layout-id_3fb2c2-3a .kt-row-layout-bottom-sep{height:120px}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap{padding-top:0px;padding-bottom:2px;max-width:1120px;margin-left:auto;margin-right:auto}#kt-layout-id_3fb2c2-3a > .kt-row-layout-overlay{background-color:var(–global-palette8)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_1f67a8-fe > .kt-inside-inner-col{padding-top:47px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_6bd778-24[data-kb-block=”kb-adv-heading_6bd778-24″]{font-size:30px}.kt-btns_5a0089-a5 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:14px}}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(171,184,195,1);border-color:rgba(171,184,195,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:rgba(49,49,49,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{background:rgba(49,49,49,1)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65 > .kt-inside-inner-col{padding-top:101px}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}@media all and (max-width: 767px){.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}}@media all and (min-width: 768px){#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-1{flex:0 1 25%;-webkit-flex:0 1 25%}#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-2{flex:0 1 75%;-webkit-flex:0 1 75%}}#kt-layout-id_bede86-e6 > .kt-row-column-wrap{padding-top:0px;padding-bottom:62px;max-width:1179px;margin-left:auto;margin-right:auto}#kt-layout-id_bede86-e6 > .kt-row-layout-overlay{opacity:0;background-image:linear-gradient(180deg,var(–global-palette9) 0%,var(–global-palette1) 100%)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_2bf645-29 > .kt-inside-inner-col{padding-top:0px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_9533cb-35[data-kb-block=”kb-adv-heading_9533cb-35″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}@media all and (min-width: 768px){#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-1{flex:0 1 35%;-webkit-flex:0 1 35%}#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-2{flex:0 1 65%;-webkit-flex:0 1 65%}}#kt-layout-id_d304e0-59 > .kt-row-column-wrap{padding-top:9px;padding-bottom:83px;max-width:1120px;margin-left:auto;margin-right:auto}.wp-block-kadence-advancedheading.kt-adv-heading_809b85-30[data-kb-block=”kb-adv-heading_809b85-30″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}.kt-btns_16d5ea-58 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:14px}}.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(136,136,136,1);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:0px}}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-7fb5490{border-radius:27px;border-width:2px}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-69f220c{fill:#fff}:root:not(#_):not(#_):not(#_):not(#_):not(#_)
.amp-wp-73148a9{opacity:.4}

[Joanne]

Joanne

#266064

I have received a warning from Google on my ‘About’ page – *Login to see link

I think its to with mobile friendly? Can you tell me how to fix it?

I’ve pasted the highlighted part below
Thanks Joanne

alignwide{width:100%}@media (min-width: calc(840px – 48px)){.alignwide{width:calc(100vw – 48px);max-width:calc(100vw – 48px);margin-left:calc(50% – 50vw + 24px);margin-right:calc(50% – 50vw + 24px)}}@media (min-width: calc(2580px)){.alignwide{width:calc(2580px – 48px);max-width:calc(2580px – 48px);margin-left:calc(calc(50% – 2580px / 2) + 24px);margin-right:calc(calc(50% – 2580px / 2) + 24px)}}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw)}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}html{background:#0a89c0}body{background:#fff;color:#353535;font-family:Georgia,”Times New Roman”,Times,Serif;font-weight:300;line-height:1.75em}p,figure{margin:0 0 1em;padding:0}a,a:visited{color:#0a89c0}a:hover,a:active,a:focus{color:#353535}blockquote{color:#353535;background:rgba(127,127,127,.125);border-left:2px solid #0a89c0;margin:8px 0 24px 0;padding:16px}blockquote p:last-child{margin-bottom:0}.amp-wp-header div,.amp-wp-title,.amp-wp-footer p,.back-to-top{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”Roboto”,”Oxygen-Sans”,”Ubuntu”,”Cantarell”,”Helvetica Neue”,sans-serif}.amp-wp-header{background-color:#0a89c0}.amp-wp-header div{color:#fff;font-size:1em;font-weight:400;margin:0 auto;max-width:calc(840px – 32px);padding:.875em 16px;position:relative}.amp-wp-header a{color:#fff;text-decoration:none}.amp-wp-header .amp-wp-site-icon{background-color:#fff;border:1px solid #fff;border-radius:50%;position:absolute;right:18px;top:10px}.amp-wp-article{color:#353535;font-weight:400;margin:1.5em auto;max-width:840px;overflow-wrap:break-word;word-wrap:break-word}.amp-wp-article-header{align-items:center;align-content:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5em 16px 0}.amp-wp-title{color:#353535;display:block;flex:1 0 100%;font-weight:900;margin:0 0 .625em;width:100%}.amp-wp-article-featured-image{margin:0 0 1em}.amp-wp-article-featured-image amp-img{margin:0 auto}.amp-wp-article-content{margin:0 16px}.amp-wp-article-content .wp-caption{max-width:100%}.amp-wp-article-content amp-img{margin:0 auto}.amp-wp-article-content amp-img.alignleft{margin:0 16px 1em 0}.wp-caption{padding:0}.wp-caption.alignleft{margin-right:16px}.alignwide,.alignfull{clear:both}.amp-wp-footer{border-top:1px solid #c2c2c2;margin:calc(1.5em – 1px) 0 0}.amp-wp-footer div{margin:0 auto;max-width:calc(840px – 32px);padding:1.25em 16px 1.25em;position:relative}.amp-wp-footer h2{font-size:1em;line-height:1.375em;margin:0 0 .5em}.amp-wp-footer p{color:#696969;font-size:.8em;line-height:1.5em;margin:0 85px 0 0}.amp-wp-footer a{text-decoration:none}.back-to-top{bottom:1.275em;font-size:.8em;font-weight:600;line-height:2em;position:absolute;right:16px}#kt-layout-id_4a5ee2-07{margin-top:-33px;background-image:url(“*Login to see link 48%;background-attachment:scroll;background-repeat:no-repeat}#kt-layout-id_4a5ee2-07 > .kt-row-column-wrap{padding-top:77px;padding-bottom:100px;min-height:500px}#kt-layout-id_4a5ee2-07 > .kt-row-layout-overlay{opacity:.6;background-image:linear-gradient(180deg,var(–global-palette2) 0%,var(–global-palette1) 100%);mix-blend-mode:normal}.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{text-align:center;font-size:3.5em;line-height:1.5em;color:#fff}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{font-size:2.8em}}@media all and (min-width: 768px){#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-1{flex:0 1 65%;-webkit-flex:0 1 65%}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-2{flex:0 1 35%;-webkit-flex:0 1 35%}}#kt-layout-id_3fb2c2-3a .kt-row-layout-bottom-sep{height:120px}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap{padding-top:0px;padding-bottom:2px;max-width:1120px;margin-left:auto;margin-right:auto}#kt-layout-id_3fb2c2-3a > .kt-row-layout-overlay{background-color:var(–global-palette8)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_1f67a8-fe > .kt-inside-inner-col{padding-top:47px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_6bd778-24[data-kb-block=”kb-adv-heading_6bd778-24″]{font-size:30px}.kt-btns_5a0089-a5 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:14px}}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(171,184,195,1);border-color:rgba(171,184,195,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:rgba(49,49,49,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{background:rgba(49,49,49,1)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65 > .kt-inside-inner-col{padding-top:101px}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}@media all and (max-width: 767px){.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}}@media all and (min-width: 768px){#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-1{flex:0 1 25%;-webkit-flex:0 1 25%}#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-2{flex:0 1 75%;-webkit-flex:0 1 75%}}#kt-layout-id_bede86-e6 > .kt-row-column-wrap{padding-top:0px;padding-bottom:62px;max-width:1179px;margin-left:auto;margin-right:auto}#kt-layout-id_bede86-e6 > .kt-row-layout-overlay{opacity:0;background-image:linear-gradient(180deg,var(–global-palette9) 0%,var(–global-palette1) 100%)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_2bf645-29 > .kt-inside-inner-col{padding-top:0px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_9533cb-35[data-kb-block=”kb-adv-heading_9533cb-35″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}@media all and (min-width: 768px){#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-1{flex:0 1 35%;-webkit-flex:0 1 35%}#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-2{flex:0 1 65%;-webkit-flex:0 1 65%}}#kt-layout-id_d304e0-59 > .kt-row-column-wrap{padding-top:9px;padding-bottom:83px;max-width:1120px;margin-left:auto;margin-right:auto}.wp-block-kadence-advancedheading.kt-adv-heading_809b85-30[data-kb-block=”kb-adv-heading_809b85-30″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}.kt-btns_16d5ea-58 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:14px}}.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(136,136,136,1);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:0px}}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-7fb5490{border-radius:27px;border-width:2px}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-69f220c{fill:#fff}:root:not(#_):not(#_):not(#_):not(#_):not(#_)
.amp-wp-73148a9{opacity:.4}