Search Results for 'amp'

thanks…where do i efit the mobile menu? it shows sample logo imported with the ttemplatee..even if the site shows correct logo on desktop

I only use the Mobile Theme on AMP. Is that a thing?

And there is still the issue of the AMP settings having to be reset after each and every post I make. Why is that happening?

Sure thing. Would be great to have it on all website as i want relevancy of text link to pass to destination and theme has on all modules first image link then text link. Google takes into account only first link. Another option would be to have both image and text in same “a href” tag.

Here is main page example https://jbhnews.com/

I had to disable images on the links for now.

yes it worked – all back to normal –
now I have another issue – I have installed the new header and it works fine on desktop but on mobile it shows the default logo and is not following the style of the main menu…..the same goes for the sticky menu – it remains unchanged in contrast to the edited version that I am using now – stinky menu shows the same sample logo and remains white while my current version is black…please advise

Hey Vlad,

Thankfully, I’ve managed to sort out my First Query. The Front Page is now in accordance with the rest of my pages.

However, the video component is still not showing up right on the mobile version. Here is a link to one of our video articles to check it out:

https://mouthingoffmagazine.com/mouthing-off-artists-spotlight-irene-shoshanne-carlucci/

While I’ve got you here though, there are a few more things I have noticed, that I’m having a difficulty solving.

1) In our contacts page I have placed my volunteering staff’s dedicated email addresses using the social media/mail icon. However, upon clicking the icon (which has the appropriate email attatched to it) it just comes up with a 404 error rather than opening up my mail to send an email.

Here is a link to see what I am talking about: https://mouthingoffmagazine.com/contact/

2) I have created a sidebar that I have placed for our articles. While I have changed the header style of the headers to match our theme, I have been unable to find an option to change the colour of the header to match the headers on our front/home page. (See First Link (Video) to see this sidebar)

3) I have recently minified our CSS, Javascript, HTML, etc. Using the W3 Total Cache. However, since then I have recieved AMP ‘validated URL’s’ erorr’s with the statement ‘Invalid markup removed’ occuring & my Error Index keeps having Invalid inline script errors, however, these always have the markup status of removed.

None of this seems to be causing any issues to the actual site and it appears to be in perfect working order. However, as someone who is quite new to all of this, I’m a little uneasy as whether this is just a small, insignifcant issue that sometimes occurs after minifying or whether this will cause greater issues down the line.

Apologies for all the questions & thank you for all of your help!

I am using the above html and css. the table is coming but the css is not working well, what am I doing wrong and how do I get it to work
link to website(last table at bottom): https://www.netsportworld.com/category/football-predictions/
HTML code:
<link href=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css” rel=”stylesheet” id=”bootstrap-css”>
<script src=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js”></script>
<script src=”//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
<!—— Include the above in your HEAD tag ———->

<section id=”tabs” class=”project-tab”>
<div class=”container”>
<div class=”row”>
<div class=”col-md-12″>
<nav>
<div class=”nav nav-tabs nav-fill” id=”nav-tab” role=”tablist”>
Project Tab 1
Project Tab 2
Project Tab 3
</div>
</nav>
<div class=”tab-content” id=”nav-tabContent”>
<div class=”tab-pane fade show active” id=”nav-home” role=”tabpanel” aria-labelledby=”nav-home-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Project Name</th>
<th>Employer</th>
<th>Awards</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
<div class=”tab-pane fade” id=”nav-profile” role=”tabpanel” aria-labelledby=”nav-profile-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Project Name</th>
<th>Employer</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
<div class=”tab-pane fade” id=”nav-contact” role=”tabpanel” aria-labelledby=”nav-contact-tab”>
<table class=”table” cellspacing=”0″>
<thead>
<tr>
<th>Contest Name</th>
<th>Date</th>
<th>Award Position</th>
</tr>
</thead>
<tbody>
<tr>
<td>Work 1</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Work 2</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
<tr>
<td>Work 3</td>
<td>Dooley</td>
<td>july@example.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
CSS code:
.project-tab {
padding: 10%;
margin-top: -8%;
}
.project-tab #tabs{
background: #007b5e;
color: #eee;
}
.project-tab #tabs h6.section-title{
color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #0062cc;
background-color: transparent;
border-color: transparent transparent #f3f3f3;
border-bottom: 3px solid !important;
font-size: 16px;
font-weight: bold;
}
.project-tab .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
color: #0062cc;
font-size: 16px;
font-weight: 600;
}
.project-tab .nav-link:hover {
border: none;
}
.project-tab thead{
background: #f3f3f3;
color: #333;
}
.project-tab a{
text-decoration: none;
color: #333;
font-weight: 600;
}