I continued to work on it and tried what was suggested to AdamFor by changing the top nav to container-fluid px-0. That worked. Then to line things up, I set the next container in the header to -fluid with px-30 and adjusted some columns to clean it up.

Now how can I make the topbar-brand logo larger when in iPhone size, because that changed after the above fixes. Larger and centered, but with the toggle still left aligned.

Glad you fixed the issue.

For the logo, you might use a code like below:

@media (max-width: 767px)
  .topbar-left {
    flex: 1 1 auto;
    margin-right: 30px;
  }

  .topbar-brand {
    display: block;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  .topbar-brand img {
    width: 100px;
  }
}

Your image size is 100px; you can change the size as you like.

Thanks! The support is great!

That’s okay, but I can’t see the overflow-x: hidden; by inspecting your .main-content > .container-fluid element! Once I add overflow-x: hidden; to your tag, everything becomes OK.

Could you send your WP login information to our email using https://themeforest.net/user/thethemeio#contact so we can take a look?

I just added ”!important” and now it works. Big thanks, great support. <3

You’re welcome.

Hi,

It’s not as easy as copy/paste code or include files. You should take a look at the code and include the ones you need. The style is located at /assets/scss/layout/_popup.scss and the JS code is inside /assets/js/src/partials/popup.js

Note: We have updated the website due to this issue. I see the issue is already reported and see it might take 2 weeks to get it fixed. We would really appreciate if you can provide the fix earlier.

Hi,

Sorry about that. Ok, we’ll work on it and get back to you with a fix soon.

Hello,

This is the subject of email. You can change the value for your custom subject.

Cheers.

Does your page is online, so I can try your form?

Hello,

I haven’t noticed such an issue. Could you send a link to your buggy page so we can try it?

Hello,

Oops! Seems the shuffle.js doesn’t work in the latest release. We’ll fix it in the next release. Do you need the fix sooner than 2 weeks later?

Hi,

1) Probably 2 weeks later.

2) All the vendors are packaged inside page.min.css and page.min.js . If you want to remove some of the vendors, please use the expert starter.

Cheers.

Hello,

Thanks for reporting this issue. But this is a default behavior for modal component which comes form Bootstrap. You can see it in this example: https://getbootstrap.com/docs/4.0/components/modal/#scrolling-long-content

If you need what you asked for, so you should define a fixed height for the modal body (e.g. height: 500px;). Then, set the overflow to scroll.

Cheers.

Thanks. If that’s the default behaviour from BS, then it doesn’t make sense to change. However I’d like to sugest that you add margin-top and margin-bottom to the div.modal-dialog and/or div.modal-content wrappers.

Otherwise these long content modals will start and stop in the limits of the screen, which looks a bit out of place (the example in the bootstrap page has these margins).

Thanks for the suggestion. I added it to our todo list for further inspection and apply those changes in the next release.

Hi,

How you updated? The version 2.0 is completely rewritten. So you need to recreate your pages again if you need to update to v2. You can’t simply update it by replacing the JS and CSS files.

Also, it has worth to mention that you don’t need to update to v2.0 if you don’t want to. The v1 is stable enough to continue using it.

I can’t see any problem on iPhone screen sizes -> are you blind or just kidding me? iphone 5se, even in Chrome simulator it is overlayed. Why do I need to link to your code when I bought the template to use in my project? I removed some parts and it broke the page. Where is the logic? Once again I ask you, do you have some doc how properly structure the web with ‘your’ logic?

Does it look like well formatted page to you? https://imgur.com/pd0irXs this is your official demo

Sorry about that. We forgot to hide the image in small screen sizes. Add “d-none d-md-block” classes to the wrapper of header image which are “col-md-6 ml-auto”. We’ll include this fix in the next release.

Hello,

Yes, for this purpose you should use the expert starter. There’s a complete documentation in the readme.html file.

And it is not connected to sendmail.php

If it doesn’t work, how to make it work?

Hello,

It’s just the form UIs to help you create your forms. You should write server-side code to handle the submitted forms, but if you take a look at the forms in the contact.html page, you should be able to understand how we use sendmail.php to email a form values.

Here they are: http://thetheme.io/thesaas/uikit/icon.html

I am not the best developer.

How to implement server-side code with cookie setting?

I would appreciate thorough explanation or link to one.

Thank you

Unfortunately, we can’t help with server-side coding. But you can find a lot of resources in this regards by a google search, such as https://stackoverflow.com/questions/10978324/need-single-popup-for-each-session

Thank you

Yes, I’ve tried that. And this is what happens https://i.imgur.com/gfWgIIK.jpg

Please help me solve this problem, and don’t answer. “We will write it on our to do list.” or “Sorry, we can’t help with that.” Please

Simply remove the top of the navbar:

.navbar {
top: 0;
}

Thank you

In HTML template or WordPress theme? Since your comment is in HTML version but I guess you meant to write it in WordPress one. Here’s a guide for this purpose: http://www.wpbeginner.com/beginners-guide/how-to-add-keywords-and-meta-descriptions-in-wordpress/

Hi,

Simply don’t put your radio buttons inside .custom-controls-stacked element.

For some reason it is still stacking, this is the classes I have it sitting in between.

{% if choice.question_id == question.pk %} <input type=”radio” class=”custom-control-input” name=”choice” id=”choice{{ forloop.counter }}” value=”{{ choice.id }}” /> <label class=”custom-control-label” for=”choice{{ forloop.counter }}”>{{ choice.choice_text }}</label> {% endif %}

Sorry for my mistake. Seems the new Bootstrap needs a .custom-control-inline class as well: https://getbootstrap.com/docs/4.0/components/forms/#inline-1

Hi,

We’ll check the API and add it to the next version.

Thanks for letting us know.