Thread Rating:
  • 12 Vote(s) - 3.67 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Flow Theme Free Release
#31
Hello again,
I added a new tab to the main menu. The problem is that it is not lining up with the other tabs. Is there some way to put it in line with the other tabs?

Thank you,
Pmx.pt


Attached Files Thumbnail(s)
   
[Image: rsVwaMgDaTmSxwe1yZxAO1CN-R-kvo9x23AU520m...h768-rw-no]
Reply
#32
(09-04-2016, 12:24 AM)pmx.pt Wrote: Hello again,
I added a new tab to the main menu. The problem is that it is not lining up with the other tabs. Is there some way to put it in line with the other tabs?

Thank you,
Pmx.pt

Do you have a link to your site? I could possible help you out on this.
Reply
#33
(09-04-2016, 12:24 AM)pmx.pt Wrote: Hello again,
I added a new tab to the main menu. The problem is that it is not lining up with the other tabs. Is there some way to put it in line with the other tabs?

Thank you,
Pmx.pt

yea your site's link would help me more in fixing the stuff.

(09-03-2016, 11:06 PM)pmx.pt Wrote: Alright! When do you think the next update will be released?

Also, I forgot to mention in my earlier posts: this theme is simple but amazing at the same time. It is clean, responsive, and it creates a stronger "connection" between users and the interface, which is what I want!
Awesome job, for your first theme!

(09-04-2016, 12:20 AM)Phillip. Wrote: Very nice share, keep up the good work, HMR.

thanks for feedbacks Smile it really encourages me to work more for free themes.
i currently don't have much time this month, so i would probably release its next version on October.
Reply
#34
(08-31-2016, 04:08 PM)HMR Wrote: thanks for supporting this theme Smile
here is its responsive development clip:
[Image: 69e56cfda2.png]
I would carry on its responsive version too, suggestions always welcomed.

You should get rid of the padding on the sides on mobile devices. Gives you a lot more space to work with. Th header is also too big, the social icons get in the way, and overall it just doesn't feel like it's made for a mobile device yet. You need to rework the UI so that it feels like a mobile UI on mobile.

I don't mean to sound overly critical, this is pretty hard to get right. I'm working on something similar, check out my WIP.
Reply
#35
(09-04-2016, 04:09 AM)brad-t Wrote: You should get rid of the padding on the sides on mobile devices. Gives you a lot more space to work with.
ok i will keep that in mind

(09-04-2016, 04:09 AM)brad-t Wrote: The header is also too big,
are you talking about the logo or the userbar ?

(09-04-2016, 04:09 AM)brad-t Wrote: the social icons get in the way,
ok i will hide the social icons for mobile view

thanks for those feeds..
Reply
#36
Im currently not using this theme live on my website, but in a dev server instead. So the link looks a bit weird lol

http://preview.yr3g09l8tgctyb9a1ohl1jc43....com/mybb/
[Image: rsVwaMgDaTmSxwe1yZxAO1CN-R-kvo9x23AU520m...h768-rw-no]
Reply
#37
(09-04-2016, 09:24 AM)pmx.pt Wrote: Im currently not using this theme live on my website, but in a dev server instead. So the link looks a bit weird lol

http://preview.yr3g09l8tgctyb9a1ohl1jc43....com/mybb/

Hmm, looks like you should have done something like this in your header Template:

<ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span>{$lang->toplinks_help}</span></a></li>
                        {$menu_calendar}
                                <ul>
                            <div original-title="" class="dropdown">
                        <li><a original-title="" href="#" class="more" style="display: inline-block; color: rgb(23, 108, 235);"><span original-title="">More</span></a></li>
  <div original-title="" class="dropdown-content">
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 1</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 2</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 3</a>
  </div>
                            </div>
                                </ul>
                    </ul>



try to remove the <ul> tag which you had added,so if you do so then it would look something like this:
<ul class="menu top_links">
						{$menu_portal}
						{$menu_search}
						{$menu_memberlist}
						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span>{$lang->toplinks_help}</span></a></li>
						{$menu_calendar}
							<div original-title="" class="dropdown">
						<li><a original-title="" href="#" class="more" style="display: inline-block; color: rgb(23, 108, 235);"><span original-title="">More</span></a></li>
  <div original-title="" class="dropdown-content">
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 1</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 2</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 3</a>
  </div>
							</div>
					</ul>


I also tried something for your dropdown.. try to replace your dropdown css with these:

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown-content::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    border-bottom: 8px solid #999898;
    top: -10px;
    right: 30px;
    float: right;
}
.dropdown:hover .dropdown-content {
    opacity: 1;
    transition: all 0.5s ease;
    margin-top: 12px;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
 


btw i saw that you cutomized my footer link which somewhere disappointed me :/ if you love my hard work then please keep that untouched.
Reply
#38
(09-04-2016, 10:43 AM)HMR Wrote:
(09-04-2016, 09:24 AM)pmx.pt Wrote: Im currently not using this theme live on my website, but in a dev server instead. So the link looks a bit weird lol

http://preview.yr3g09l8tgctyb9a1ohl1jc43....com/mybb/

Hmm, looks like you should have done something like this in your header Template:

<ul class="menu top_links">
                        {$menu_portal}
                        {$menu_search}
                        {$menu_memberlist}
                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span>{$lang->toplinks_help}</span></a></li>
                        {$menu_calendar}
                                <ul>
                            <div original-title="" class="dropdown">
                        <li><a original-title="" href="#" class="more" style="display: inline-block; color: rgb(23, 108, 235);"><span original-title="">More</span></a></li>
  <div original-title="" class="dropdown-content">
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 1</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 2</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 3</a>
  </div>
                            </div>
                                </ul>
                    </ul>



try to remove the <ul> tag which you had added,so if you do so then it would look something like this:
<ul class="menu top_links">
						{$menu_portal}
						{$menu_search}
						{$menu_memberlist}
						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span>{$lang->toplinks_help}</span></a></li>
						{$menu_calendar}
							<div original-title="" class="dropdown">
						<li><a original-title="" href="#" class="more" style="display: inline-block; color: rgb(23, 108, 235);"><span original-title="">More</span></a></li>
  <div original-title="" class="dropdown-content">
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 1</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 2</a>
    <a original-title="" style="color: rgb(23, 108, 235);" href="#">Link 3</a>
  </div>
							</div>
					</ul>


I also tried something for your dropdown.. try to replace your dropdown css with these:

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown-content::before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    position: absolute;
    border-bottom: 8px solid #999898;
    top: -10px;
    right: 30px;
    float: right;
}
.dropdown:hover .dropdown-content {
    opacity: 1;
    transition: all 0.5s ease;
    margin-top: 12px;
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
 


btw i saw that you cutomized my footer link which somewhere disappointed me :/ if you love my hard work then please keep that untouched.

Sorry if I disapponted you. However I kept your name there. Anyway I will put it back the way it was bu can I remove that heart and the love part?
[Image: rsVwaMgDaTmSxwe1yZxAO1CN-R-kvo9x23AU520m...h768-rw-no]
Reply
#39
(09-04-2016, 11:06 AM)pmx.pt Wrote: Sorry if I disapponted you. However I kept your name there. Anyway I will put it back the way it was bu can I remove that heart and the love part?
ok
Reply
#40
Regarding the menu, here it is the code I have lol:

<ul class="menu top_links">
						{$menu_portal}
						{$menu_search}
						{$menu_memberlist}
						<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><span>{$lang->toplinks_help}</span></a></li>
						{$menu_calendar}
						<div class="dropdown">
						<li><a href="#" class="more" style="display: inline-block;"><span>More</span></a></li>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>
					</ul>
I didnt add any <ul> to the code nor removed any. However it displays a <ul> on the page source code...
[Image: rsVwaMgDaTmSxwe1yZxAO1CN-R-kvo9x23AU520m...h768-rw-no]
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)