This topic has 23 replies, 3 voices, and was last updated 6 years, 1 months ago ago by Olga Barlow
Hi
Ive got some minor issues (I think) with Royal theme:
1. Header logo does not adapt when in responsive mode. It looks great on responsive mode on desktop when checking all devices. But once on an actual iPhone, iPad etc the logo ends up on top of text etc.
2. Is there a way to center the main logo in the menu, but still has it against a background?
3. When removing Top Bar on site it looks great on front page. But on remaining pages its a white block where the top bar should have been.
4. When placing headers in Content Boxes the text is not responsive.
5. I can’t seem to change or remove page heading on posts.
Many thanks!
/ P
Hello,
Please provide screenshots and describe the desired displaying in more details.
You can use such screenshot maker as Lightshot https://prnt.sc/
Also, provide temporary wp-admin access.
Regards
See attached info!
1. Please add this code in Theme Options > Custom css > Custom css for mobile:
.home .tp-mask-wrap {
margin-top: 30px;
}
2. What exactly do you want to change?
3. Please provide URL of a page where I will be able to see the problem.
4. Please provide URL.
5. I do not see the problem on Blog page http://prntscr.com/kx1cu3
Regards
Thanks! Please see below:
Adding to this list:
6. Header logo is now ending up hiding text on all pages, except Home where I placed a CSS code. What would be the code for remaining pages:
.home .tp-mask-wrap {
margin-top: 30px;
}
7. Gap between sections is way to huge in responsive mode. You need to scroll a lot to come to next content. How could I decrease these?
8. When adding Youtube videos in Video Player it seems like its not very responsive on iPhones. The videos ends up as thumbnails all over the place. How could I solve this?
9. On FAQ page the header logo is placed above content text on desktop, which is good, but on responsive mode it ends up on top of the content text.
Thanks!
/ P
Added another issue to the list.
Hello,
1. Check now, please.
2. Are you talking about the following way to center the logo for the desktop version http://prntscr.com/ky5z7i ?
3. Use the following code to remove that gap
.page-content {
margin-top: 0;
}
4. Use Ultimate Addons heading element to add headings with the different font size for the mobile devices http://prntscr.com/ky61c3 instead of the custom CSS because your custom affects the other heading at your page http://prntscr.com/ky628o or remove the custom class for these elements.
5. If you want to remove the page heading for the blog page and all the posts I would recommend to use Theme Options > Header Settings > Breadcrumbs and disable breadcrumbs if you don’t want to have them. If you want to disable them for some pages/posts only use Page Layout while editing the page/post.
6. Change the alignment for the mobile texts to top-center http://prntscr.com/ky66dk instead of center-center. More about Revolution slider responsive here https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/ – Correcting Layer Alignment
7. Use vw, vh or % to add paddings/margins instead of fixed px value that does not depend on responsive, or the combination of px and vw/vh/%, for example, 35px of padding + 3vw of margin to avoid very small gap on the mobile devices.
8. Could you provide the screenshot for better understanding?
9. Use row bg instead of single image + row paddings, as we did for the faq-sweden-2 page.
Regards
Hi
1. Seems to be working
2. Yes like that, or in the middle of the menu with menu text on both sides.
3. Solved. Thanks!
4. Solved. Thanks!
5. Ive done this, but menu and header background crashes. Only thing visible is header logo hiding a lot of content text. For example wish to only remove “News”, “Home/Blog” on blog page.
6. Actually messed it up more. Made some sort of solution, but its not true responsive.
7. Ill give it a try. Might get back to you on this one.
8. See attachement.
9. Perfect. Thanks!
My best!
/ P
7. Additional info attached.
10. Last question. I removed the option to comment on posts, but how to remove “Comments are closed” that shows up on post?
Hello,
I can’t log in. Have you changed access? Please provide the correct credentials.
2. Please add this code in Global custom css area:
.header .header-logo {
width: 100%;
display: inline-block;
text-align: center;
max-width: none;
padding-right: 0;
}
.header .tbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .header-logo img {
float: none;
}
.header .navbar .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
.header .tbs .collapse {
width: auto;
}
}
@media only screen and (max-width: 992px) {
.fixed-header-area .header-logo {
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
.fixed-header .header-logo img {
margin-left: 0;
}
}
6. Please refer to Slider Revolution documentation https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
8. Please provide URL of the page.
7. Please try to delete this code from custom css http://prntscr.com/kz9ms5
10.
.single article + p{
display: none;
}
Regards
Hi
1. Yes. I added it in previous “Private content”. Add it now once again.
2. Thanks.
7. The issue is on each page, so wouldn’t solve the issue just to remove the code just on one page I guess.
8. “Private content”. Hiding videos on tablets for now, only shown on desktop.
10. Thanks!
My best
/ P
Hello,
I can’t log in. Please check wp-admin access on more time, please.
Thanks in advance.
Regards
Hi
Ok, lets try it again. Shown in “Private content”.
My best
/ P
Hello,
This https://prnt.sc/kydawo caused by custom css code – http://prntscr.com/l0qzq8
Which pages have the similar problem?
As I can see you hide blocks with video on mobile. Is it ok for you?
Please describe problems, that remains, one by one more time.
Waiting for reply.
Regards
Ok, Ill list whats left (don’t mind previous conversation):
1. I would like to show videos on all devices. But when I show them, the video block seems to crash. See here: https://prnt.sc/ky7iu3
2. I can’t seem to remove the header text “Blog” on blog page. The whole header crashes when chosing disable Page Heading or Breadscrumbs. http://dev.adventureacademy.se/blog-2/
3. Header logo ends up on top of text on Blog page. See here: https://prnt.sc/l0xd8t
Many thanks!
/ P
Hello,
1) Is it the single product screenshot? Can you provide me the link to this product?
2) Do you want to remove only the page title or all the breadcrumbs http://prntscr.com/l0xm70 ? Do you want to do this only for the blog page or for the single post and all the other pages?
3) Check now.
Regards
Hi!
1. You have it for example on bottom of page on these pages: http://dev.adventureacademy.se/adventure-academy-sweden/
http://dev.adventureacademy.se/adventure-academy-sweden-generation/
http://dev.adventureacademy.se/adventure-academy-norway/
2. Remove page titel. But would like to know how to change settings and styles for the breadcrumbs as well.
3. Solved. Thanks!
My best!
/ Pana
Hello,
1. It’s because of custom CSS, check now.
2. You can manage them from theme options http://prntscr.com/l1s5kw
Regards
Hi!
1. Exactly. Works great. Thanks!
2. https://prnt.sc/l24yu3
a. Title removed which is great. Thanks! But occurred more issues.
b. How do I change color of background of “Home/Blog”?
c. How do I change the name from “Blog” to actually “News” which is the name of the page? (also change name of Home, Archive of Category etc.)
d. How do I use background image in the header of “News”? I’ve tried choosing “Background image for breadcrumbs” it shows up, but gets zoomed in very much on all devices, and the logo ends up above all text in responsive mode.
3. https://prnt.sc/l253zs
a. In the posts (desktop version), the breadcrumbs are “dead” and not possible to click on.
b. Same issue here with background image.
c. Breadscrumbs is not centered anymore.
Many thanks
/ Pana
Adding 3 questions about the Mega Menu:
1. Image in last column always ends up higher than the rest of them, why is this: https://prnt.sc/l26r57
2. Menu image, now placed center right. Can I somehow get it like this?: https://prnt.sc/l26tks
3. Where would I change color of menu background?
Many thanks!
/ P
Hello,
2.
b. Go to Theme Options > Custom CSS > find code http://prntscr.com/l3lh62 and edit the bg color http://prntscr.com/l3lh62
c. Use translation files, for example http://prntscr.com/l3lkfb
d. It’s because of background-attachment:fixed option http://prntscr.com/l3lnzk Check now, Is that what you want? Also, I would suggest you to optimize images that you use on your site, because your breadcrumbs image is huge – 3.7MB and you can reduce the size to 700KB at least http://prntscr.com/l3lruz Try TinyPng service https://tinypng.com/
3.
a. I don’t see the described problem https://gyazo.com/075c152a23f4ef02432d1e5c35ad4a2a
b. Check the answer 2.d
c. I don’t see problems with the breadcrumbs https://prnt.sc/l3lwtk They are centered. Can you explain in more details?
Regards
You must be logged in to reply to this topic.Log in/Sign up